使用 Native React 中的 Fetch 从 API 中提取数据

Question

 const [data, setData] = useState(null); var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json"); var raw = JSON.stringify({ "CariId": 2, "CariBakiyeyeSadeceOnayliFaturalarYansisin": false, "DonemId": 1, "BasTarih": "01.01.2021", "BitTarih": "01.01.2023" }); var requestOptions = { method: 'POST', headers: myHeaders, body: raw, redirect: 'follow' }; useEffect(() => { const fetchData = async () => { const response = await fetch("http://192.168.1.30:2828/CodesAndroid.svc/CariHesapListesiDetayli", requestOptions); const result = await response.text(); const parsedResult=JSON.parse(result); const deneme =JSON.parse(parsedResult) setData(parsedResult); }; fetchData(); }, []);

 <View style={{flex:0.5}}> <FlatList data={data} renderItem={({ item }) => ( <View > <Text style={{color:'red'}}>{data}</Text> </View> )} keyExtractor={item => item.CariId}/> </View>

我可以借助Javascript从API中获取数据，但我不知道如何一一获取？ 我的研究没有结果。 如果你能帮忙，我会很高兴。 谢谢...

Answer 1

我认为你的错误与你的获取无关，更多的是与这里初始化为 null 的数据有关：

const [data, setData] = useState(null);

在第一次渲染时，null 没有 map 属性。 所以我认为它甚至在提取完成之前就抛出了一个错误。 所以如果你将它初始化为

const [data, setData] = useState([]);

那应该让你通过第一个渲染。 之后你可以弄清楚你的提取是否是问题所在