React Linting：未闭合的正则表达式

Question

我正在使用 Codepen 完成 React Tutorial。我在脚本标签中包含了 React 库，并选择了 Babel 预处理器，但我在 JSX 结束标签处收到一个 linting 错误：

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

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

当我检查教程本身的 Codepen 时，它 return 出现了同样的错误，但笔功能正常。我的没有。网站上的其他 React 笔也 return 错误但有效。

我的笔是here。我没能在我的代码中找到任何拼写错误。

我错过了什么？

Answer 1

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

React Linting：未闭合的正则表达式

React Linting: Unclosed Regular Expression

reactjs

codepen