在React中使用Bootstrap


 

 這幾天想在react中用一下bootstrap,盡管有一個適配react的很好的庫叫react-bootstrap,但我還是想直接使用bootstrap

可以在react項目中執行以下命令安裝bootstrap

npm install bootstrap@3 --save

或是在bootstrap官網下載打包好的包直接放在react項目的src目錄下

在使用的時候,直接在入口文件導入即可

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap';

PS:上述代碼是使用npm安裝bootstrap的導入方式,其他方式請選擇正確的路徑

如果現在啟動項目,會報以下的錯誤

這是因為bootstrap依賴jQuery

網上有很多解決此類錯誤的方法,很多都是使用webpack進行配置,對於使用create_react_app創建的項目,由於create_react_app對webpack進行的封裝,要想配置還要進行他法,感覺很麻煩,我作為一個小白,完全看不懂啊(T_T)

於是僥幸試了一下,直接在react的index.html文件中加個jQuery的引入

 然后就OK了。。。

----------

如果您還有什么好的方法的話,歡迎在下面留言指導


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM