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;Soy nuevo en React y para este código está dando este error
Expected an assignment or function call and instead saw an expression no-unused-expressionsNo entiendo dónde me equivoco, por favor ayuda
Esto sucede porque coloca el paréntesis de return en la siguiente línea. Ese podría ser un error común si escribe js sin punto y coma y usa un estilo en el que coloca llaves abiertas en la siguiente línea.
El intérprete cree que devuelve indefinido y no verifica su siguiente línea. Esa es la cosa del operador de return .
Ponga su paréntesis abierto en la misma línea con el return .
En mi caso tenía llaves donde debería haber sido paréntesis.
const Button = () => { <button>Hello world</button> }Donde debería haber estado:
const Button = () => ( <button>Hello world</button> ) La razón de esto, como se explica en MDN Docs , es que una función de flecha envuelta por () devolverá el valor que envuelve, por lo que si quería usar llaves, tenía que agregar la palabra clave de return , así:
const Button = () => { return <button>Hello world</button> }Para mí, el error ocurrió al usar map. Y no usé la declaración de retorno dentro del mapa.
{cart.map((cart_products,index) => { <span>{cart_products.id}</span>; })};El código anterior produjo un error.
{cart.map((cart_products,index) => { return (<span>{cart_products.id}</span>); })};Simplemente agregando return lo resolvió.