Reactjs 对嵌套对象的奇怪API错误作出反应

我正在使用GoogleBooks API，我可以从API中获得我需要的对象，以及我想要的所有值。e、 g

  console.log("item", item); // full object
  console.log("title", item.volumeInfo.title); // title

但是，当我想要获取嵌套对象时，我会得到一个错误：

console.log(item.volumeInfo.imageLinks.smallThumbnail);

TypeError: Cannot read property 'smallThumbnail' of undefined

TypeError: Cannot convert undefined or null to object

因此，我创建了一个：

const BookItem = ({ item }) => {
const dispatch = useDispatch();

并且工作非常完美，因此我可以在控制台中看到：

["http://books.google.com/books/content?id=3nMEPQAAC…J&printsec=frontcover&img=1&zoom=5&source=gbs_api", "http://books.google.com/books/content?id=3nMEPQAAC…J&printsec=frontcover&img=1&zoom=1&source=gbs_api"]
0: "http://books.google.com/books/content?id=3nMEPQAACAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api"
1: "http://books.google.com/books/content?id=3nMEPQAACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api"

但奇怪的是，我还是犯了一个错误：

console.log(item.volumeInfo.imageLinks.smallThumbnail);

TypeError: Cannot read property 'smallThumbnail' of undefined

TypeError: Cannot convert undefined or null to object

我想我可以通过一个承诺来解决这个问题，但我从来都不明白它们是如何工作的

有什么想法吗

---

谢谢

你能把完整的代码贴出来吗？谢谢。我做到了。只是最重要的部分，因为它很长。为什么有时要做item.volumeInfo，有时要做item.item.volumeInfo？这只是剪切和粘贴不同版本的错误。这不是问题所在