React Native取回API获取响应JSON的方法

Question

我正在尝试访问以下API端点:

[
{
"location_id": 73,
"location_name": "Aunt Mary's Great Coffee Shop",
"location_town": "London",
"latitude": 74.567,
"longitude": 102.435,
"photo_path": "http://cdn.coffida.com/images/78346822.jpg",
"avg_overall_rating": 4.5,
"avg_price_rating": 4.3,
"avg_quality_rating": 4,
"avg_clenliness_rating": 3.8,
"location_reviews": [
{
"review_id": 643,
"overall_rating": 4,
"price_rating": 2,
"quality_rating": 3,
"clenliness_rating": 5,
"review_body": "Great coffee, but the bathrooms stank!",
"likes": 4654
}
]
}
]

使用以下Fetch请求:

getsearchData = async () => {
const value =  await AsyncStorage.getItem('@session_token');
return fetch('http://10.0.2.2:3333/api/1.0.0/find/', {
headers: {
'X-Authorization': value,
},
})
.then((response) => {
if (response.status === 200) {
return response.json();
} else if (response.status === 401) {
ToastAndroid.show('Your not logged in', ToastAndroid.SHORT);
} else {
throw 'something went wrong';
}
})
.then((responseJson) => {
//setIsLoading(false);
this.setState({
isLoading: false,
locations: responseJson,
});
})
.catch((error) => {
console.log(error);
});
};

我可以像这样访问第一个对象:

<Text>ID: {parseInt(item.location_id)}</Text>

但是，如果我想访问总体评级或评审机构，我不确定如何这样做?

<Text>Review ID: {item.review_location_id}</Text>

Answer 1

假设您在数据上使用map方法以呈现它并访问属性值，您可以使用相同的语法访问其他属性，但如果您想访问嵌套的对象属性值数组，我的意思是"location_reviews"或者以后，你也需要映射到那个道具上，因为它是包含对象的数组。
假设你的代码是这样的:

{data.map(item => (<Text>ID: {parseInt(item.location_id)}</Text>)}
to access location_reviews.review_id for example, you have to map on internal array 
as well
{data.map(item => (<Text>{item.location_reviews.map(item => item.review_id)}</Text>))}

我已经创建了零食让你玩更多的零食