react使用裝飾器

create-react-app默認不支持裝飾器的，須要作如下配置。

打開 package.json ，能夠看到eject。運行 npm run eject 可讓由create-react-app建立的項目的配置項暴露出來(運行以前要保證本地沒有待提交git的代碼)

"scripts": {

"eject": "react-scripts eject"

},
完成以後本地會多一個config的文件夾

安裝babel插件

babel >= 7.x

npm install --save-dev @babel/plugin-proposal-decorators

babel@6.x

npm install --save-dev babel-plugin-transform-decorators-legacy

修改package.json文件的babel配置項
Babel >= 7.x

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

Babel@6.x

"babel": {
    "plugins": [
      "transform-decorators-legacy"
    ],
    "presets": [
      "react-app"
    ]
}

東西配置完就能夠在項目中使用裝飾器了