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" 
    ]