剛開始我們在react專案裡執行：yarn add antd時，我們在頁面裡引入button按鈕時是不生效的，那該怎麼辦呢？
第一種辦法：就是在我們自己less檔案裡面輸入 @import "~antd/dist/antd.less"; 然後，每個css樣式都要引入那個含有這句話的less檔案；
第二種辦法：babel-plugin-import外掛程式
輸入：npm i babel-plugin-import -d
再次執行，會報錯，說缺少css-loader
輸入：yarn add css-loader
再次執行，會報下面的錯：
./node_modules/antd/es/style/index.less (./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./node_modules/antd/es/style/index.less) 這個錯誤
這是我們的less版本不相容問題
輸入：npm install [email protected]
再次執行，ok!
React專案構建
babel配置 webpack配置 vscode配置 啟動專案 將專案開發基礎檔案react mobx starter master.zip解壓縮，並用這個目錄作為專案根目錄。在專案根目錄中，執行下面的命令，就會自動按照package.json的配置安裝依賴模組。npm install或者 npm ...
react專案優化
1 key react diff演算法同層級比較時利用key來判斷old tree是否存在這樣的乙個key，如果存在則只需更新渲染否則元件會被銷毀並建立key最好如資料庫id一樣。2 shouldcomponentupdate 預設返回true,當判斷nextstate與this.state並thi...
建立react專案
1.安裝node lts比較穩定的版本 current最新的版本 安裝完成後 node v npm v 輸出成功，說明node就安裝成功了。2.建立react腳手架 npm start yarn.lock 專案的依賴包 版本號 不要動 package.json scripts gitignore 用...