Sisällysluettelo:

Kuinka lisään bootstrap 4:n reagoimaan sovellukseen?
Kuinka lisään bootstrap 4:n reagoimaan sovellukseen?

Video: Kuinka lisään bootstrap 4:n reagoimaan sovellukseen?

Video: Kuinka lisään bootstrap 4:n reagoimaan sovellukseen?
Video: Koira hylättiin metsään pastalaatikon kanssa. Tarina koirasta nimeltä Ringo. 2024, Saattaa
Anonim

Bootstrapin lisääminen sisään Reagoi NPM:n käyttö

Jälkeen asentaminen the bootstrap paketti, sinun tulee tehdä tuonti se sinun Reagoi sovellus sisääntulotiedosto. Siirry seuraavaksi kohtaan src/index. js tiedosto ja lisätä seuraavat tuontituotteet: tuonti $ lähteestä 'jquery'; tuonti Popper 'popperista.

Kun otetaan huomioon tämä, voinko käyttää reactia bootstrapin kanssa?

Sinä voi käyttää Bootstrapia suoraan elementteihin ja komponentteihin Reagoi sovellus soveltamalla sisäänrakennettuja luokkia aivan kuten mikä tahansa muu luokka. Rakennetaan yksinkertainen teeman vaihtaja Reagoi esitettävä komponentti Bootstrapin avulla luokat ja komponentit.

Lisäksi, kuinka voin integroida mallin ReactJS:ään? Integroi järjestelmänvalvojamalli ReactJS:ään

  1. Vaihe 1: Määritä yksi reactjs-sovellus. Alkuperäisen dokumentaation mukaan meidän on asennettava globaalisti create-react-app maailmanlaajuisesti.
  2. Vaihe 2: Sisällytä kaikki css- ja js-tiedostot.
  3. Vaihe 3: Tee otsikkokomponentti järjestelmänvalvojamallille.
  4. Vaihe 4: Tee yksi sivupalkkikomponentti.
  5. Vaihe 5: Tee yksi sisältökomponentti.

Miten Reactstrap asennetaan tähän liittyen?

Bootstrapin lisääminen

  1. tuo 'bootstrap/dist/css/bootstrap. css';
  2. tuo { Button } "reactstrapista"; Nyt olet valmis käyttämään tuotuja reactstrap-komponentteja renderöintimenetelmässä määritetyssä komponenttihierarkiassa.
  3. npm asennus.
  4. npm aloitus.
  5. npm testi.
  6. npm ajaa testi-kello.
  7. ./scripts/release
  8. ./scripts/publish.

Miten teet reagoivan sovelluksen?

Aloitus: Aloittaminen Reagoi on yksinkertainen. Kun se on asennettu, voit vain suorittaa sen luoda - reagoida - sovellus komentorivillä ja sen perässä nimi sovellus sinä haluat luoda . Tämä luo reagoi sovellus , jossa on kaikki tarvitsemasi toiminnot, jo sisäänrakennettu sovellus.

Suositeltava: