预期的赋值或函数调用：no-unused-expressions ReactJS

Question

class Game extends Component
{
  constructor()
  {
    super()
    this.state = {
      speed: 0
    }
    //firebaseInit()
  }
  render()
  {
    return
    (
      <div>
        <h1>The Score is {this.state.speed};</h1>
      </div>
    )
  }
}

export default Game;

我是 React 的新手，对于这段代码，它给出了这个错误

Expected an assignment or function call and instead saw an expression  no-unused-expressions

不明白哪里出错了，请帮忙

原文由 Prateek Pandey 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

发生这种情况是因为您在下一行放置了 return 的括号。如果您编写不带分号的 js 并使用将打开的大括号放在下一行的样式，这可能是一个常见的错误。

解释器认为您返回 undefined 并且不检查您的下一行。这就是 return 运营商的事情。

将打开的括号与 return 放在同一行。

原文由 Andrey Medvedev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在我的例子中，我在应该是 圆括号 的地方加上了 大括号。

 const Button = () => {
    <button>Hello world</button>
}

它应该在哪里：

 const Button = () => (
    <button>Hello world</button>
)

这样做的原因，如 MDN 文档中所述，由 () 包装的箭头函数将返回它包装的值，因此如果我想使用大括号，我必须添加 return 关键字，像这样：

 const Button = () => {
    return <button>Hello world</button>
}

原文由 Gus 发布，翻译遵循 CC BY-SA 4.0 许可协议