Mapa de ReactJS a través del objeto
Tengo una respuesta como esta:
Quiero mostrar el nombre de cada objeto dentro de este HTML:
{subjects.map((item, i) => (
<li className="travelcompany-input" key={i}>
<span className="input-label">{ item.name }</span>
</li>
))}
Pero arroja un error desubjects.map is not a function
.
Primero, tengo que definir las claves de los objetos donde crea una matriz de claves, donde quiero recorrer y mostrar elsubject.names
.
Lo que también probé es esto:
{Object.keys(subjects).map((item, i) => (
<li className="travelcompany-input" key={i}>
<span className="input-label">key: {i} Name: {subjects[i]}</span>
</li>
))}