Question

我是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：意外的令牌

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

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

Answer 1

您需要添加文档here

中指定的constructor函数

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

constructor(props) {
  super(props);

  this.state = {
      liked: false
  };
}

模块构建失败：SyntaxError：意外的令牌

1 个答案: