Soy nuevo en React y también en stackoverflow,
Estoy tratando de representar this.state.searchResults como código adjunto
El código se ejecuta sin ningún error, pero no se procesa. ¿Qué mal estoy haciendo aquí?
Estoy exportando este componente en mi archivo js principal. si ejecuto sin el método de mapa, se procesa correctamente.
por favor ayuda
export class App extends React.Component { constructor(props) { super(props); this.state = { searchResults: [ {name: 'name1', artist: 'artist1', album: 'album1', id: 1}, {name:' name2', artist: 'artist2', album: 'album2', id: 2}, {name: 'name3', artist: 'artist3', album: 'album3', id: 3} ] } } render() { return ( <div> <h1>Ja<span class="highlight">mmm</span>ing </h1> <div className="App"> { this.state.searchResults.map( track => { return track }) } </div> </div> ); } }Puede renderizar objetos directamente en JSX. Especificar el valor del objeto
this.state.searchResults.map((track) => ( <p>{track.name} {track.artist} {track.album} </p> ))