建議引入dva前,大家可以參照官方dva快速上手先用dva-cli腳手架先創(chuàng)建一個react+dva項目,先看看里面的目錄結構,以及使用規(guī)則配置方式。
言歸正傳,
那么在我們用create-react-app搭建的項目中如何引用dva呢?
1. 引入依賴
yarn add dva -S
2. 改造目錄和配置
在這里插入圖片描述
嗯,就這樣。
3. 如何在項目中使用ES7的修飾器@
平時開發(fā)react項目中,引入ES7的修飾器可以幫助我們優(yōu)化很多東西,比如說dva的connect連接函數,比如說click方法中的this綁定。
在這里插入圖片描述
那么要如何才能使用es7的修飾器呢?
第一步:引入
yarn add lodash-decorators -S
第二步:配置
在package.json中的babel中進行配置,如下:
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
]
]
在這里插入圖片描述
第三步:重啟即可在項目中使用。