Javascript 使用Map（）函数提取带有ReactJS的双嵌套JSON数据

我正试图从下面“细节”部分的“图像”对象中取出单独的图像

似乎什么也没印出来。在细节中寻找正确的方法。图片。图片1、2或3

以下是我目前正在处理的JSON数据：

{
  "books": [
    {
      "title": "title 1",
      "image": "/image1.jpg"
    },
    {
      "title": "title 2",
      "image": "/image2.jpg"
    }
  ],
  "details": [
    {
      "author": "book author",
      "name": "Book name",
      "price": 34.99,
      "publisher": "Penguin Books",
      "images": [
        {
          "image1": "/image1.jpg",
          "image2": "/image2.jpg",
          "image3": "/image3.jpg"
        }
      ]
    }
  ]
}

下面是我在Book组件中进行的JSON调用：

{staticdata.details.map(detail => (
  <Book
    book_name={detail.author}
    book_price={detail.price}
    image={detail.images.image1}
  />
))}

{staticdata.details.map（detail=>(
))}

下面是一个访问这些嵌套属性并将其记录到控制台的示例。看起来您的尝试基本上是正确的，但是

images

是一个数组

const数据={
“书籍”：[
{
“标题”：“标题1”，
“图像”：“/image1.jpg”
},
{
“标题”：“标题2”，
“图像”：“/image2.jpg”
}
],
“详情”：[
{
“作者”：“书籍作者”，
“名称”：“书名”，
“价格”：34.99，
“出版商”：“企鹅图书”，
“图像”：[
{
“image1”：“/image1.jpg”，
“image2”：“/image2.jpg”，
“image3”：“/image3.jpg”
}
]
}
]
}
data.details.map（细节=>{
console.log（detail.author、detail.price、detail.images[0].image1）；
});

出于某种原因，

图像

是单个元素的数组。您想访问

详细信息。图像[0]。图像1

。