对象的 属性 在 Array.map 中不可用（未定义）

Question

我有一个 "photos" 数组 "photo" 对象。 每个 "photo" 对象都有一个 属性 图像值 url。

我尝试用 map() 以这种方式遍历 "photos" 数组

photos.map((photo, index) => {
    console.log(photo)
    console.log(photo.value)
    return (
        <img
            key={index}
            src={photo.value}
            className={index === active ? 'active' : ''}
            alt="thumbnail"
        />
    )
})

由于某种原因，我完全失踪了，photo.value 不可用。

这就是那两个 console.log 打印出来的内容：

console.log output

似乎对象可用，但是 "value" 属性 returns 未定义。
这应该很简单，但我完全卡住了此时。

这怎么可能？我在这里错过了什么？

谢谢

Answer 1

这样访问值photo.photo.value

photos.map((photo, index) => {
    console.log(photo)
    console.log(photo.photo.value)
    return (
        <img
            key={index}
            src={photo.photo.value}
            className={index === active ? 'active' : ''}
            alt="thumbnail"
        />
    )
})