模块构建失败：SyntaxError: Unexpected token答案

【问题标题】：Module build failed: SyntaxError: Unexpected token模块构建失败：SyntaxError: Unexpected token
【发布时间】：2016-11-04 11:38:06
【问题描述】：

我是 React 新手。我尝试从在线学习资源运行示例代码，但我得到了让我完全困惑的错误。谁能告诉我到底出了什么问题？

我创建了一个 Refs.js，代码如下所示

import React, { Component } from 'react';

class Refs extends Component {

  state = { liked: false }

  handleClick = (event) => {
    this.setState({liked: !this.state.liked});
  }

  render() {
    let text = this.state.liked ? 'Like' : 'Dislike';

    return (
      <p onClick={this.handleClick}>
        I {text} Apple.
      </p>
    );
  }
}

export default Refs;

我收到错误模块构建失败：SyntaxError: Unexpected token

   5 | class Refs extends Component {
   6 | 
>  7 |   state = { liked: false }
     |         ^
   8 | 
   9 |   handleClick = (event) => {
  10 |     this.setState({liked: !this.state.liked});

另外，我发现 React 在不同的在线资源上的编码风格有很大的不同（例如 class Refs extends Component 或 class Refs extends React.Component 或 var Refs = React.createClass）。谁能告诉我反应的确切代码标准是什么？与我之前学过的 JQuery/Angular 相比，我发现学习 React 真的很令人困惑。现在我什至不确定我是否可以在类中声明一个变量。我知道我在这个单线程中提出了很多问题。但我真的希望有人能帮助我解决我的困惑。先感谢您。

【问题讨论】：

标签： reactjs

【解决方案1】：

您需要添加 constructor 文档中指定的函数 here

在你的情况下，它会是这样的

constructor(props) {
  super(props);

  this.state = {
      liked: false
  };
}

【讨论】：