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
不明白哪里出错了，请帮忙
发生这种情况是因为您将括号return放在下一行。如果您编写不带分号的 js 并使用将左大括号放在下一行的样式，这可能是一个常见的错误。
解释器认为您返回 undefined 并且不检查您的下一行。那是return运营商的事情。
将打开的括号与return.
就我而言，我在应该是括号的地方使用了花括号。
const Button = () => {
<button>Hello world</button>
}
它应该在哪里：
const Button = () => (
<button>Hello world</button>
)
这样做的原因，正如MDN 文档中所解释的那样，一个被包裹的箭头函数()将返回它包裹的值，所以如果我想使用大括号，我必须添加return关键字，如下所示：
const Button = () => {
return <button>Hello world</button>
}
对我来说，使用地图时发生了错误。而且我没有在地图中使用 return 语句。
{cart.map((cart_products,index) => {
<span>{cart_products.id}</span>;
})};
上面的代码产生了错误。
{cart.map((cart_products,index) => {
return (<span>{cart_products.id}</span>);
})};
简单地添加 return 解决了它。
如果您在带有花括号的函数中使用 JSX，则需要将其修改为括号。
错误的代码
return this.props.todos.map((todo) => {
<h3> {todo.author} </h3>;
});
正确的代码
//Change Curly Brace To Paranthesis change {} to => ()
return this.props.todos.map((todo) => (
<h3> {todo.author} </h3>;
));
在我的情况下，我从不将return放在箭头函数中，因此我的代码如下
`<ProductConsumer>
{(myvariable)=>{
return <h1>{myvariable}</h1>
}}
</ProductConsumer> `