ожидаемое присваивание или вызов функции: нет неиспользованных выражений ReactJS

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

Не понимаю, где неправильно, пожалуйста, помогите

Ответ 1

Это происходит потому, что вы поставили скобку return на следующей строке. Это может быть распространенной ошибкой, если вы пишете js без точек с запятой и используете стиль, в котором вы ставите открытые скобки на следующей строке.

Интерпретатор считает, что вы вернули undefined и не проверяет следующую строку. Это оператор return вещь.

Положите открытую скобку на одной линии с return.

Ответ 2

В моем случае у меня были фигурные скобки, где должны были быть круглые скобки.

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

Где это должно было быть:

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

Причина этого, как объяснено в Документах MDN, заключается в том, что функция стрелки, заключенная в (), вернет значение, которое она переносит, поэтому, если я хочу использовать фигурные скобки, мне нужно было добавить Ключевое слово return, например:

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

Ответ 3

В моем случае я никогда не помещал return внутри функции стрелки так что мой код следовать

'<ProductConsumer>
   {(myvariable)=>{
      return  <h1>{myvariable}</h1>
   }}
</ProductConsumer> '

Ответ 4

import React from 'react';

class Counter extends React.Component{
    state = {
        count: 0,
    };

    formatCount() {
        const {count} = this.state;
        // use a return statement here, it is a importent,
        return count === 0 ? 'Zero' : count;
    }
    render() {
        return(
          <React.Fragment>
              <span>{this.formatCount()}</span>
              <button type="button" className="btn btn-primary">Increment</button>
          </React.Fragment>
        );
    }
}

export default Counter;

Ответ 5

это мой код Ошибка: "./src/components/Products.js Строка 5: 5: ожидал присваивания или вызова функции и вместо этого видел выражение no-unused-expression " Я не могу это исправить. пожалуйста, помогите

 import React from 'react';

class Products extends React.Component {
    render() {  const productItems = this.props.products.map((product)=> {
    <div className = "col-md-4 text-center product" key = { product.id } >
      <div >
        <img src = { '/products/0${product.id}.jpg' } > < /img>
      < /div >
      <div>
        <p>
          { product.title }
        </p>
        <p className = "price" >
          { product.price }
        </p>
         <button className = "btn btn-primary" >
            add to basket
         </button>
  </div>
   < /div >
   }

)
      return(
        <div>{productItems}</div>)
    }
}
export default Products