React 解决 使用ES7装饰器问题方法总结

React 解决 使用ES7装饰器问题方法总结

方法一：

1.yarn eject or npm run eject

2.在package.json中添加

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

方法二：

1.修改package.json

“scripts”: {

​ “eject”: “react-scripts eject”,

​ “start”: “react-app-rewired start”,

​ “build”: “react-app-rewired build”,

​ “test”: “react-app-rewired test”

}

2.安装一些相关babel依赖

yarn add @babel/plugin-proposal-decorators -D

3.安装customize-cra和react-app-rewired

yarn add react-app-rewired customize-cra -D

在根目录下添加config-overrides.js （必须与package.json同级）

内容：

const { override, addDecoratorsLegacy } = require('customize-cra')
module.exports = override(addDecoratorsLegacy())

4.安装装饰器推荐 core-decorators 里面自带一些装饰器

yarn add core-decorators -D

总结：当你完成上面这些步骤就能在react 中使用装饰器了