ES6，REACT錯誤消息我不明白

Question

我有下面的代碼：

close =() => { 
    this.setState({ open: false }); 
    this.props.onUpdate(this.props.defaultValue); 
} 

但我得到一個錯誤信息：

ERROR in ./ui/usersModule/scripts/usersTable.jsx 
Module build failed: SyntaxError: 


Error: Unexpected token (232:8) 

    230 | } 
    231 | 
> 232 | close =() => { 
     |  ^
    233 |  this.setState({ open: false }); 
    234 |  this.props.onUpdate(this.props.defaultValue); 
    235 | } 

我看到它編譯原始代碼但由於某種原因，它不能在我的機器上編譯。我需要將其稱爲：

onClick={ this.close } 

爲什麼可能是我的錯誤？有沒有另一種方法來調用該關閉功能？

Answer 1

如果您使用典型的webpack + babel設置來編譯ES6 +代碼，則需要使用babel-plugin-transform-class-properties。

安裝模塊，並babel下添加到您的package.json，或您.babelrc：

"plugins": [ 
    "transform-class-properties" 
    ]