[英]REACT NATIVE : How to fetch API data (JSON) and insert into Flatlist, API
[英]React Native : Trying to fetch API and add to Flatlist
试图获取数据并插入到 Flatlist 中,有人可以指出我的错误吗,几乎尝试了所有方法,尝试像在Official Docs
中那样制作,但没有帮助:
const [isLoading, setLoading] = useState(true);
const [data, setData] = useState([]);
useEffect(() => {
fetch('https://app.sm117.ru/api/v1/contract/news/'),{
method: "GET",
headers: {"Content-type": "application/json; charset=UTF-8"}}
.then((response) => response.json())
.then((json) => setData(json.movies))
.catch((error) => console.error(error))
.finally(() => setLoading(false));
}, []);
return (
<View style={{ flex: 1, padding: 24 }}>
{isLoading ? <ActivityIndicator/> : (
<FlatList
data={data}
keyExtractor={({ id }, index) => id}
renderItem={({ item }) => (
<Text>{item.id}, {item.title}</Text>
)}
/>
)}
</View>
);
};
为什么我的代码不起作用???
我不确定您要获取的文件是 JSON 文件
至少最后一个括号丢失了
headers: {"Content-type": "application/json; charset=UTF-8"}}
在“then”之前应该有一个“)”来关闭“fetch”调用
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.