create-react-app項目所遇問題總結之引入dva

建議引入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
        }
      ]
    ]
在這里插入圖片描述

第三步:重啟即可在項目中使用。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容