我正在嘗試制作 2 個選項卡，其中每個選項卡都會自行呈現不同的平面串列，但出于某種原因，在我將 API 資料傳遞給狀態 ('apidata') 后，它不會呈現平面串列，而我可以看到ApiData 物件的日志。有人可以觀察我的渲染資料問題嗎？
這是資料樣本
Object {
"0": Object {
"comment": "",
"end_time": "2021-09-04T11:59:03Z",
"enter": "49000.00000000",
"exchange": "BINANCE",
"leverage": 120,
"name": "Bitcoin",
"per": "USDT",
"position": "LONG",
"risk_level": "Crazy",
"stop_loss": "48700.00000000",
"symbol": "BTC",
"target_1": "52700.00000000",
"target_2": "68000.00000000",
"target_3": "0.00000000",
},
"1": Object {
"comment": "",
"end_time": "2021-09-14T06:00:00Z",
"enter": "495000.00000000",
"exchange": "binanace",
"leverage": 15,
"name": "Bitcoin",
"per": "btc/usdt",
"position": "LONG",
"risk_level": "High",
"stop_loss": "48000.00000000",
"symbol": "btc",
"target_1": "52000.00000000",
"target_2": "5300.00000000",
"target_3": "0.00000000",
},
這是我的代碼，我嘗試在點擊它的選項卡后查看我的 const 是否有效。
const Crypto = (apidata) => {
console.log(apidata, "log e crypto");
return (
<View
style={{
backgroundColor: "red",
justifyContent: "center",
width: "100%",
height: "100%",
}}
>
<Text style={{ color: "white" }}>Hi</Text>
<FlatList
data={apidata}
scrollEnabled
keyExtractor={apidata?.risk_level}
renderItem={(item) => {
return <Text style={{ color: "white" }}>{apidata?.stop_loss}</Text>;
}}
/>
uj5u.com熱心網友回復：
FlatList 接收資料陣列而不是物件物件。考慮將從 api 接收到的資料轉換為物件陣列。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/319251.html