首页 > 解决方案 > 在 react-native 中获取数据时出现错误

问题描述

这是api链接:

http://api.aladhan.com/v1/timingsByCity?city=Dubai&country=United%20Arab%20Emirates&method=8

<Text>{responseMsg.code}</Text>
<Text>{responseMsg.status}</Text>

上述线路正在工作。我能够从这个 API 中获取数据,例如代码、状态,但我无法从这个 API 中获取祈祷时间。我不知道如何编写该行以从此 API 获取祈祷时间。

<Text>{(responseMsg.data || []).map(time => time.timings.Fajr)}</Text>
<Text>{(responseMsg.data || []).map(time => time.timings.Dhuhr)}</Text>

我收到以下错误TypeError: undefined is not an object (evaluating '(responseMsg.data || {}).timings.Fajr')

标签: reactjsapireact-nativereduxfetch

解决方案


您应该直接访问时间,因为数据字段是对象而不是数组。你必须写的是:

<Text>{(responseMsg.data || {}).timings.Fajr}</Text>

推荐阅读