create-react-app项目所遇问题总结之引入dva

建议引入dva前，大家可以参照官方dva快速上手先用dva-cli脚手架先创建一个react+dva项目，先看看里面的目录结构，以及使用规则配置方式。

言归正传，

那么在我们用create-react-app搭建的项目中如何引用dva呢？

1. 引入依赖

yarn add dva -S

2. 改造目录和配置

在这里插入图片描述

嗯，就这样。

3. 如何在项目中使用ES7的修饰器@

平时开发react项目中，引入ES7的修饰器可以帮助我们优化很多东西，比如说dva的connect连接函数，比如说click方法中的this绑定。

在这里插入图片描述

那么要如何才能使用es7的修饰器呢？

第一步：引入

yarn add lodash-decorators -S

第二步：配置

在package.json中的babel中进行配置，如下：

 "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]

在这里插入图片描述

第三步：重启即可在项目中使用。