Mapa do ReactJS através do Object
Eu tenho uma resposta como esta:
Eu quero exibir o nome de cada objeto dentro deste HTML:
{subjects.map((item, i) => (
<li className="travelcompany-input" key={i}>
<span className="input-label">{ item.name }</span>
</li>
))}
Mas lança um erro desubjects.map is not a function
.
Primeiro, tenho que definir as chaves dos objetos em que ele cria uma matriz de chaves, onde desejo fazer um loop e mostrar osubject.names
.
O que eu também tentei é o seguinte:
{Object.keys(subjects).map((item, i) => (
<li className="travelcompany-input" key={i}>
<span className="input-label">key: {i} Name: {subjects[i]}</span>
</li>
))}