Question

使用 React 应用程序时出现错误 - 无法读取未定义的属性“photo”

2020-03-03

48

javascript reactjs

我创建了一个应用程序，它是 flickr 的克隆。当用户在输入框中输入时，它应该呈现与搜索值相关的图片。不幸的是，当我输入时，它告诉我“无法读取未定义的属性‘photo’”，但后来它有点工作了。我真的希望这个应用程序能够正常工作而没有任何错误。请参阅附件 codesandbox。

https://codesandbox.io/s/condescending-kare-oqxw5

Answer 1

使该函数如下所示。首先检查天气 photo 是否存在。

jsonp(flickrURL, flickrParams, { callback: "jsoncallback" }).then(
   results => {
      console.log(results);
      if(results.photos){

        const images = _(results.photos.photo).map(generateURL);
        console.log(images);
        this.setState({ images: images });
      }
  }
);