Turinys:

Kaip pridėti „bootstrap 4“, kad reaguočiau į programą?
Kaip pridėti „bootstrap 4“, kad reaguočiau į programą?

Video: Kaip pridėti „bootstrap 4“, kad reaguočiau į programą?

Video: Kaip pridėti „bootstrap 4“, kad reaguočiau į programą?
Video: ReactJS + Spring Boot CRUD Full Stack App - 7 - Add Bootstrap 4 in React App 2024, Lapkritis
Anonim

Pridedamas Bootstrap in Reaguoti NPM naudojimas

Po to įdiegiant į bootstrap paketą, jums reikės importuoti tai tavo Reaguoti programėlę įvesties failą. Tada eikite į src/index. js failas ir papildyti šis importas: importuoti $ iš 'jquery'; importuoti Popper iš 'popper.

Atsižvelgiant į tai, ar galiu naudoti react with bootstrap?

Tu gali naudoti Bootstrap tiesiai ant jūsų elementų ir komponentų Reaguoti programą, taikydami integruotas klases, kaip ir bet kurią kitą klasę. Sukurkime paprastą temos perjungiklį Reaguoti pademonstruoti komponentas naudojant Bootstrap klases ir komponentus.

Be to, kaip integruoti šabloną į ReactJS? Integruokite administratoriaus šabloną į „ReactJS“.

  1. 1 veiksmas: sukonfigūruokite vieną „reactjs“programą. Remiantis pirminiais dokumentais, turime įdiegti globaliai kurti-reaguoti-programą visame pasaulyje.
  2. 2 veiksmas: įtraukite visus css ir js failus.
  3. 3 veiksmas: sukurkite administratoriaus šablono antraštės komponentą.
  4. 4 veiksmas: sukurkite vieną šoninės juostos komponentą.
  5. 5 veiksmas: sukurkite vieną turinio komponentą.

Atsižvelgiant į tai, kaip įdiegti „Reactstrap“?

Pridedamas Bootstrap

  1. importuoti „bootstrap/dist/css/bootstrap. css';
  2. importuoti { Button } iš 'reactstrap'; Dabar esate pasirengę naudoti importuotus „reactstrap“komponentus savo komponentų hierarchijoje, apibrėžtoje pateikimo metodu.
  3. npm diegimas.
  4. npm pradžia.
  5. npm testas.
  6. npm paleisti bandomąjį laikrodį.
  7. ./scripts/release
  8. ./scripts/publish.

Kaip sukurti „React“programą?

Darbo pradžia: darbo pradžia Reaguoti yra paprastas. Įdiegę galite tiesiog paleisti sukurti - reaguoti - programėlė komandų eilutėje, po kurios nurodomas pavadinimas programėlė tu nori sukurti . Tai sukuria reaguoti programėlę , su visomis reikiamomis funkcijomis, kurios jau yra įmontuotos programėlė.

Rekomenduojamas: