En un componente de React, desea imprimir el valor de un objeto ("nombre") que es el primer elemento de la matriz:
"production_countries": [ { "iso_3166_1": "US", "name": "United States of America" } ] Este código colapsa la aplicación con el error TypeError: Cannot read properties of undefined (reading 'name') :
<p> { movie.production_countries && movie.production_countries[0].name } </p> Sin embargo, si reemplazo el código anterior con un .map() todo funciona a la perfección.
<p> {movie.production_countries && movie.production_countries?.map((country, i) => ( <span key={i}> {country.name} </span> ))} </p>¿Cómo puedo obtener el primer elemento de la matriz? Gracias
production_countries podría ser una matriz vacía, en cuyo caso [0] devolverá indefinido, usando ? para el regreso anticipado debería funcionar:
{ movie.production_countries && movie.production_countries[0]?.name }