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

ES6，REACT错误消息我不明白

1 个答案: