A continuación se muestra la respuesta que regresa. Estoy tratando de mapear a través del objeto del logotipo para poder tomar la URL, sin embargo, mi implementación en Object.keys no funciona. ¿Qué estoy haciendo mal?
[ { "title": "Header", "logo": { "metadata": {}, "sys": {}, "fields": { "title": "Logo", "file": { "url": "xxxxxx", "details": {}, "fileName": "logo.png", "contentType": "image/png" } } }, "links": [] } ]
{Object.keys(header.logo.fields.file).map((logo) => ( <p>{logo.url}</p> ))}
Suponiendo que el nombre de la matriz de nivel superior sea header
, simplemente haga esto. Tenga en cuenta que la estructura de nivel superior es una matriz, por lo que necesita un índice para obtener el objeto dentro.
<p>{header[0].logo.fields.file.url}</p>