Question

我有一个“照片”对象的“照片”数组。每个“照片”对象都有一个图片网址的属性值。

我尝试通过map（）遍历“照片”数组

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”属性返回未定义。
这本来应该很简单，但我现在完全陷入困境。

这怎么可能？我在这里想念什么？

谢谢

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

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

1 个答案: