我在react-native中获取数据时遇到错误

时间:2019-02-19 11:27:28

标签: reactjs api react-native redux fetch

这是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')

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

。responseMsg.data上的地图无法工作,因为数据是一个对象。映射是数组上的函数,不是对象。