如何通过值在React Native中显示api数据
如何通过值在React Native中显示api数据
提问于 2021-09-13 06:05:57
{ "status_code"："100"，"Section1_name"："Members"，"Section1_count"：108，"Section2_name"："Countries"，"Section2_count"：60，"Section3_name"：“Office”，"Section3_count"：112，"Section4_name"："Teams"，"Section4_count"：2950 }
回答 1
Stack Overflow用户
发布于 2021-09-13 06:21:16
创建一个本地存储变量，并通过设置将您的API响应分配给该变量。
单据链接：
https://reactnative.dev/docs/network参考代码：
import React, { useEffect, useState } from 'react';
import { ActivityIndicator, FlatList, Text, View } from 'react-native';
export default App = () => {
const [isLoading, setLoading] = useState(true);
const [data, setData] = useState([]);
const getMovies = async () => {
try {
const response = await fetch('https://reactnative.dev/movies.json');
const json = await response.json();
setData(json.movies);
} catch (error) {
console.error(error);
} finally {
setLoading(false);
}
}
useEffect(() => {
getMovies();
}, []);
return (
<View style={{ flex: 1, padding: 24 }}>
{isLoading ? <ActivityIndicator/> : (
<FlatList
data={data}
keyExtractor={({ id }, index) => id}
renderItem={({ item }) => (
<Text>{item.title}, {item.releaseYear}</Text>
)}
/>
)}
</View>
);
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69157990
复制相关文章
相似问题
腾讯云开发者
