使用 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([]);

那應該讓你通過第一個渲染。 之后你可以弄清楚你的提取是否是問題所在