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

Question

我有“照片”对象的“照片”阵列。每一个“照片”对象具有将图像URL的属性值。

我尝试遍历地图（）中的“照片”阵列，以这种方式

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

这似乎对象是可用的，但随后的“值”属性返回undefined。 这应该是很简单的，但我在这一点上完全卡住。

这怎么可能？我缺少的是在这里吗？

谢谢

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"
        />
    )
})