Reactjs React Linting:未关闭的正则表达式

Reactjs React Linting:未关闭的正则表达式,reactjs,codepen,Reactjs,Codepen,我正在使用密码笔。我将react库包含在脚本标记中,并选择了Babel预处理器,但在JSX结束标记处出现了一个linting错误: render() { return ( <button className="square" onClick={() => this.props.onClick()}> {this.props.value} </button> // Error here ); } render(){ 返回( thi

我正在使用密码笔。我将react库包含在脚本标记中,并选择了Babel预处理器,但在JSX结束标记处出现了一个linting错误:

render() {
  return (
    <button className="square" onClick={() => this.props.onClick()}>
      {this.props.value}
    </button> // Error here
  );
}
render(){
返回(
this.props.onClick()}>
{this.props.value}
//这里出错
);
}
该错误适用于未关闭的正则表达式

当我检查教程本身的代码笔时,它返回相同的错误,但该笔可以正常工作。我的没有。站点上的其他React pens也会返回错误,但仍然有效

我的钢笔是红色的。我在代码中找不到任何拼写错误


我遗漏了什么?

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

第30Oops行有一个额外的括号!未关闭的正则表达式错误让我找错了地方——这是一个危险的地方。