Мазмұны:

Қолданбаға әрекет ету үшін bootstrap 4 қалай қосуға болады?
Қолданбаға әрекет ету үшін bootstrap 4 қалай қосуға болады?

Бейне: Қолданбаға әрекет ету үшін bootstrap 4 қалай қосуға болады?

Бейне: Қолданбаға әрекет ету үшін bootstrap 4 қалай қосуға болады?
Бейне: УАТСАПҚА КОД ҚОЮ 2024, Қараша
Anonim

Bootstrap қосу ішінде Реакция NPM пайдалану

Кейін орнату the жүктеу белдігі пакет, сізге қажет болады импорт ол сіздің React қолданбасы кіріс файлы. Содан кейін src/index бөліміне өтіңіз. js файл және қосу келесі импорт: импорт $ 'jQuery'ден; импорт Попперден шыққан поппер.

Осыны ескере отырып, мен реакцияны bootstrap арқылы пайдалана аламын ба?

Сіз Bootstrap пайдалана алады тікелей элементтер мен құрамдас бөліктерге Реакция кез келген басқа сынып сияқты кірістірілген сыныптарды қолдану арқылы қолданба. Қарапайым тақырып ауыстырғышын құрастырайық Реакция көрсетуге арналған компонент Bootstrap көмегімен сыныптар мен компоненттер.

Сонымен қатар, үлгіні ReactJS жүйесінде қалай біріктіруге болады? ReactJS жүйесінде әкімші үлгісін біріктіріңіз

  1. 1-қадам: Бір reactjs қолданбасын конфигурациялаңыз. Түпнұсқа құжаттамаға сәйкес, біз жаһандық деңгейде create-react-қосымшасын орнатуымыз керек.
  2. 2-қадам: Барлық CSS және JS файлдарын қосыңыз.
  3. 3-қадам: Әкімші үлгісі үшін тақырып құрамдас бөлігін жасаңыз.
  4. 4-қадам: бүйірлік тақтаның бір компонентін жасаңыз.
  5. 5-қадам: Бір мазмұн компонентін жасаңыз.

Осыған байланысты Reactstrap-ті қалай орнатуға болады?

Bootstrap қосу

  1. импорттау 'bootstrap/dist/css/bootstrap. css';
  2. 'reactstrap' ішінен { Button } импорттау; Енді сіз көрсету әдісінде анықталған құрамдас иерархияңызда импортталған reactstrap құрамдастарын пайдалануға дайынсыз.
  3. npm орнату.
  4. npm бастау.
  5. npm сынағы.
  6. npm сынақ сағатын іске қосыңыз.
  7. ./scripts/release
  8. ./скрипттер/жариялау.

Сіз реакция қолданбасын қалай жасайсыз?

Жұмысты бастау: Бастау Реакция қарапайым. Орнатқаннан кейін сіз жай ғана іске қоса аласыз жасау - реакция - қолданба пәрмен жолында, одан кейін атауы қолданба Сіз тілейсіз жасау . Бұл жасайды реакция қолданбасы , сізге қажет барлық қажетті функционалдылықпен, әлдеқашан ішіне орнатылған қолданба.

Ұсынылған: