通过包含对象的数组进行映射

Question

以下是返回的回复。我正在尝试通过徽标对象进行映射，以便我可以获取 url，但是我在 Object.keys 上的实现不起作用。我做错了什么？

[
  {
    "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>
))}

Answer 1

假设 top-level 数组名称是 header，只需执行此操作。注意top-level结构是一个数组，所以需要索引才能得到里面的对象

<p>{header[0].logo.fields.file.url}</p>

通过包含对象的数组进行映射

Map through array that includes object

javascript

object

reactjs