我有一個API。當我呼叫該API時。我得到了3個不同產品的物件。 所以現在我通過在狀態中設定每個產品的圖片名稱，在我的螢屏上呈現該產品，就像這樣
fetch('http:api'/span>, {
method: 'GET',
headers: {'Content-Type': 'application/json'}。
})
.then((returnValue) => returnValue.json()
.then((response) => {
setImageForBrand1(response.data[2] 。 images[0].substr（8, 17）。
setEngNameForBrand1(response.data[2].englishBrands) 。
setArbNameForBrand1(response.data[2].arabicBrands) 。
setImageForBrand2(response.data[2] 。 images[0].substr（8, 17）。
setEngNameForBrand2(response.data[2].englishBrands) 。
setArbNameForBrand2(response.data[2].arabicBrands) 。
setImageForBrand3(response.data[2] 。 images[0].substr（8, 17）。
setEngNameForBrand3(response.data[2].englishBrands) 。
setArbNameForBrand3(response.data[2].arabicBrands) 。
})
但是，如果我必須獲取500多個產品，并且必須呈現所有的產品，如名稱、價格和所有。
這是我的回答
this is brand data[{"images":[],"isDeleted": false,"_id":"60f04d8f83076b5768e819b0","EnglishBrands": "HP","arabicBrands":"????","father": "undefined","status":"1","createdAt":"2021-07-15T15:00:31. 953Z","updatedAt":"2021-07-15T15:00:31. 953Z","__v":0},{"images":[] ，"isDeleted": false,"_id":"60f0585183076b5768e819cf","EnglishBrands": "Acer","arabicBrands":"????","father": "undefined","status":"1","createdAt":"2021-07-15T15:46:25。 618Z","updatedAt":"2021-07-15T15:46:25. 618Z","__v":0},{"images":["uploadings1626469622418. jpg"],"isDeleted":false,"_id": "60f1f4f61a5bbf1bcccf2e59","EnglishBrands": "name English","arabicBrands":"name
Arabic","parent":"undefined","status": "1","createdAt":"2021-07-16T21:07:02. 536Z","upedAt":"2021-07-20T19:50:21.273Z","__v":0}]
uj5u.com熱心網友回復：
api().then>
{res => {
setDate（res.data）。
}}
//make a one variable data then set you response
<Flatlist。
data={data}
renderItem={({item, index}) =>/span> (
//you get you object in item and index
<View> (
<Image source={{uri: '//you image link'}}。/>
<Text>{item.englishBrands}</Text>
</View>
)}
/>
為了更好地理解，請參考本檔案React native flatlist
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/309138.html
標籤：