Estoy descargando con axios datos de una estructura de backend.
Tengo algo como esto: advancedProfile.technologies (matriz con 5 objetos) con claves {título, enlace, categoría, fecha, id}).
y luego estoy renderizando un divs con el uso del mapa.
La línea de código es así:
{download.data.advancedProfile.technologies.map(obj=><div>{obj.title}</div>)}Con esta línea, puedo representar los 5 objetos de la matriz, pero solo con un valor clave.
Estoy distraído, pero ¿cómo puedo mapear y obtener los 5 objetos con todas las claves a la vez? No quiero copiar y pegar todos los valores clave por separado.
Si solo necesitas valores:
{download.data.advancedProfile.technologies.map(obj => ( <div> {Object.values(obj).map(value => <div>{value}</div>) </div> ))}Si necesita claves y valores:
{download.data.advancedProfile.technologies.map(obj => ( <div> {Object.entries(obj).map(([key, value])=> <div>{key}: {value}</div>) </div> ))}