Creo que está relacionado con el paquete de idioma babel o javascript en el editor de texto (Atom), porque en realidad estoy codificando un tutorial y recién estoy comenzando y ya recibo un error después de ejecutar "npm start o yarn start". Tengo exactamente el mismo código que en el tutorial pero en mi caso me da los siguientes errores:
Este es mi código:
import './App.css' import React, {Component} from 'react' class App extends Component { constructor(){ super() this.state= { monsters: [] }; } componentDidMount(){ fetch('https://jsonplaceholder.typicode.com/users') .then(response => response.json()) .then(data => this.setState( ()=>{ monsters: data } ) ); } render(){ return <div className='App'> <h1>{this.state.monsters}</h1> <ul>{this.state.monsters.map((monster)=>{ return <li>{monster.name}</li>; })}</ul></div>; } } export default App;Espero que alguien pueda darme una pista sobre lo que debo hacer o intentar para solucionar esto...
Las llaves aquí hacen que esto sea una función y espera un valor de return . Su intención es devolver un objeto. Para hacer eso, agregue paréntesis.
// From this: ()=>{ monsters: data } // To this: ()=> ({ monsters: data })Eso debería hacer el truco.