react在腳手架中的使用

在class建立的類中，如果要使用constructor鉤子函式則必須使用super()

super()的意思是指手動呼叫父元件的鉤子函式

1.元件外的寫法

mycom.proptypes=

//mycom是指建立的類

static proptypes=

mycom.defaultprops =

state:

constructor()

}

this

.setstate
()

// setstate的引數可以是乙個函式

// 如果setstate的引數是乙個函式，函式預設有兩個形參
// 形參2：表示當前的元件接收的資料
this
.setstate
((prestate,props)
=>},
()=>
)

1) ***變成箭頭函式

2）使用bind，bind返回乙個改變this指向的新函式
this._clickhandle =  this._clickhandle.bind(this)
3）bind直接在使用監聽時繫結 onclick=可以傳參
4）推薦使用
onclick=可以傳參和事件物件

在React腳手架中啟用Less

參考 執行專案，此時在瀏覽器中即可檢視到 logo 在緩慢轉動。啟用 less 語法編寫 css 新增 less 相關配置 在命令列執行 npm run eject 命令 此命令會將腳手架中隱藏的配置都展示出來，此過程不可逆 執行完成之後，開啟 config 目錄下的 webpack.config....

React腳手架配置less

安裝完react腳手架以後，是不支援less的，也不支援less的巢狀樣式，需要我們在webpack.config.js中配置一下。解決的問題 1 全域性安裝 3 進入專案資料夾並啟動 npm start npm i less less loader安裝完腳手架之後，我們在目錄結構中看不到webpa...

react腳手架打包的坑

首先看一下打包後的build檔案 相當於靜態資源的根目錄就是public檔案，開發中所需要的或其他資源就放在public資料夾下，比如這裡img檔案中的，在任何元件中可以直接通過 img 1.jpg來獲取1.jpg這張，但是如果通過cnpm run build打包後，用本地路徑就訪問不到該路徑資源了...