我的代码片段中的Reactjs ES6语法错误

Question

这里的反应新手。在正常工作code snippet中，当我更改函数handleChange以使其成为ES6样式（为了避免使用bind(this)）时，它会在=之后发生错误{ {1}}。不知道为什么。

===我改变的代码==

handleChange

Answer 1

分配后您缺少分号：

handleChange = (e) => {
  this.setState({temperature: e.target.value});
};

错误（“意外令牌”）可能只是编辑器错误。它不会影响功能，因为应该自动插入分号。

Answer 2

您需要使用babel将代码解析为es2015。因为你的语句是一个类属性，你应该有transform-class-properties插件（它是es2015预设的一部分）