Question

我正在浏览一个在线课程，其中以下代码在https://jscomplete.com/repl/上正常工作但是相同的代码给了我错误。

class Button extends React.Component{
    state = {counter: 13};

    handleClick = () => {
        this.setState((prevState) => {
            return {
                counter: prevState.counter + 1;
            };
        });
    };

    render(){
        return (
            <button onClick={this.handleClick}>
                {this.state.counter}
            </button>
        );
    };
}

ReactDOM.render(<Button/>, mountNode)

以上内容会返回错误： SyntaxError：unknown：意外的令牌，预期，（7:36）

   5 |      this.setState((prevState) => {
   6 |      return {
>  7 |          counter: prevState.counter + 1;
     |                            ^
   8 |      };
   9 |     });
  10 |   };

我无法找到根本原因并解决此问题。

Answer 1

从语句;中删除counter: prevState.counter + 1;。 Javascript允许在对象中的每个键值定义后使用逗号，而不是分号，这就是您收到此错误的原因

SyntaxError：unknown：预期的意外标记，

1 个答案: