如何从嵌套对象中获取属性的价值

Question

我对获取财产的价值有疑问。 假设我有一些对象描述某个商店中的图书-booksArr 它看起来像[{...}, {...}, {...}]。

每个人都喜欢：{title:"Move able fest", author:"Heminguay",..., *imageLinks:{thumbnail:"http://...bla-bla...png", smallThumbnail:"http://...bla-bla..small.png"}*...}

我转移到子组件的第一个元素，例如：

<Book data={bookArr [0]} />

问题是-如何在<Book>组件中获取 thumbnail 属性？

这就像某个对象或其他对象内部的集合。

我尝试了不同的方法：

Console.log (this.props.data[0].imageLinks.thumbnails)

Console.log (this.props.data.imageLinks.thumbnails) Console.log (this.props.data.map ((item)=>(item.imageLinks.thumbnails))

它们都不正确。

非常感谢您的帮助！

我

Answer 1

Console.log (this.props.data[0].imageLinks.thumbnails)

这不起作用，因为this.props.data实际上是一个元素，而不是整个数组。

Console.log (this.props.data.imageLinks.thumbnails)

在这种情况下，将错字从.thumbnails更改为.thumbnail应该可以完成。

Answer 2

您有错字：

console.log(this.props.data.imageLinks.thumbnails);

您正在尝试访问thumbnails属性，该属性不存在-必须为thumbnail：

console.log(this.props.data.imageLinks.thumbnail);

现在它可以工作了。