reactjs - 对象作为道具成功传递，但个别属性是“未定义”

Question

所以我将一个对象从我的 App 组件传递给一个子组件。在渲染方法中，我可以使用 console.log 查看我的对象的值，因此 this.props.data.documents[0] 我可以看到包含在文档 [0] 中的对象的键值对，但是当我尝试挑选出各个属性时（如下所示）我收到一个未定义的错误。 this.props.data.documents[0].username

这是 console.log(this.props.data.documents[0]) 打印的 {user_id: "5dfd9f8afc5bdf1bef11b78c", username: "christine", name: "second", src: "../images/5dfd9f8afc5bdf1bef11b78c_second.png"} user_id: "5dfd9f8afc5bdf1bef11b78c" username: "christine" name: "second" src: "../images/5dfd9f8afc5bdf1bef11b78c_second.png"

这是 console.log(this.props.data.documents[0].src react-dom.development.js:25206 Uncaught TypeError: Cannot read property 'src' of undefined

为什么会这样？提前致谢。

标签： reactjsreact-props