當你修飾器函數這樣寫的時候
@connect('aaa')
export default class AppView extends React.Component{
render(){
//....
}
}
出現的問題為:
Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead.
解決方案:
安裝依賴:
npm install --save-dev @babel/plugin-proposal-decorators
npm install --save-dev babel-plugin-transform-decorators-legacy
修改jsx文件
@connect('aaa')
class AppView extends React.Component{
render(){
//....
}
}
export default AppView
更改package.json文件中的babel配置
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
[
"@babel/plugin-proposal-class-properties",
{
"loose": true
}
]
]
},
再次運行你的項目,就發(fā)現解決了剛才的問題