reactjs - React Linting：未封闭的正则表达式

Question

我正在使用 Codepen完成React 教程。我将反应库包含在脚本标签中，并选择了 Babel 预处理器，但在 JSX 结束标签处出现 linting 错误：

render() {
  return (
    <button className="square" onClick={() => this.props.onClick()}>
      {this.props.value}
    </button> // Error here
  );
}

该错误是针对未封闭的正则表达式。

当我检查教程本身的 Codepen 时，它返回相同的错误，但笔功能。我的没有。该网站上的其他 React 笔也返回错误但可以正常工作。

我的笔在这里。我无法在我的代码中找到任何拼写错误。

我错过了什么？

Answer 1

从“handleClick()”函数中删除 js 文件中 @line 30 末尾的额外花括号。删除这个额外的大括号后，您的代码工作正常。