Talaan ng mga Nilalaman:

Paano ako magdadagdag ng bootstrap 4 para mag-react sa app?
Paano ako magdadagdag ng bootstrap 4 para mag-react sa app?

Video: Paano ako magdadagdag ng bootstrap 4 para mag-react sa app?

Video: Paano ako magdadagdag ng bootstrap 4 para mag-react sa app?
Video: People HAUNTED by GHOSTS / Ghosts Caught on Camera / Scary Comp. 2024, Nobyembre
Anonim

Pagdaragdag ng Bootstrap sa Magreact Gamit ang NPM

Pagkatapos pag-install ang bootstrap package, kakailanganin mo angkat ito sa iyong React app entry file. Susunod, pumunta sa src/index. js file at idagdag ang mga sumusunod na import: angkat $ mula sa 'jquery'; angkat Popper mula sa 'popper.

Isinasaalang-alang ito, maaari ba akong gumamit ng react sa bootstrap?

Ikaw maaaring gumamit ng Bootstrap direkta sa mga elemento at sangkap sa iyong Magreact app sa pamamagitan ng paglalapat ng mga built-in na klase tulad ng ibang klase. Bumuo tayo ng simpleng theme switcher Magreact sangkap upang ipakita gamit ang Bootstrap mga klase at bahagi.

Bilang karagdagan, paano ko isasama ang isang template sa ReactJS? Isama ang Admin Template Sa ReactJS

  1. Hakbang 1: I-configure ang isang reactjs app. Alinsunod sa orihinal nitong dokumentasyon, kailangan naming mag-install ng globally create-react-app sa buong mundo.
  2. Hakbang 2: Isama ang lahat ng css at js file.
  3. Hakbang 3: Gumawa ng bahagi ng Header para sa template ng admin.
  4. Hakbang 4: Gumawa ng isang bahagi ng sidebar.
  5. Hakbang 5: Gumawa ng isang bahagi ng nilalaman.

Kaugnay nito, paano ko mai-install ang Reactstrap?

Pagdaragdag ng Bootstrap

  1. import 'bootstrap/dist/css/bootstrap. css';
  2. import { Button } mula sa 'reactstrap'; Ngayon ay handa ka nang gamitin ang mga na-import na bahagi ng reactstrap sa loob ng iyong hierarchy ng bahagi na tinukoy sa paraan ng pag-render.
  3. pag-install ng npm.
  4. pagsisimula ng npm.
  5. pagsubok sa npm.
  6. npm run test-watch.
  7. ./scripts/release
  8. ./scripts/publish.

Paano ka gagawa ng react app?

Pagsisimula: Pagsisimula sa Magreact ay simple. Matapos itong ma-install, maaari mo lamang patakbuhin ang lumikha - gumanti - app sa command line, na sinusundan ng pangalan ng app gusto mo lumikha . Lumilikha ito ng react app , kasama ang lahat ng kinakailangang functionality na kailangan mo, na nakapaloob na sa app.

Inirerekumendang: