在 React 应用程序问题中使用 Foursquare API

using Foursquare API in react app problem

我有一个用于显示某些位置的 React 应用程序,当单击其中一个位置时,它将使用第三方库 Foursquare API 显示与该位置相关的信息。我的主要问题是,在我用来显示此信息的 InfoTab.js 中,我无法获得 formattedNewResponse.response.photos.items[0]JSON.parse(text).response.venue,因为未处理的拒绝(TypeError):无法读取 属性 'items''categories' 未定义。所以我需要帮助来了解这里的问题以及如何解决它,因为这是我第一次使用 Foursquare API ?

InfoTab.js https://codeshare.io/5XrX3z

问题是 Foursquare API 的生命周期限制很短,还要确保纬度和经度都正确。