react 深度 迴圈巢狀物件渲染問題 map

2022-08-11 18:33:15 字數 632 閱讀 7387

查了一些資料貌似react的迴圈渲染物件只有map,但map只支援陣列物件。

接到後台資料如下

],

"b":

}}

需要迴圈拿到a、b再迴圈拿到  a、b裡邊的資料

非同步拿到資料後處理如下:

getbrandinfofun = async type => );

let carlistarr = ;

for (let item in result.list) ;

reobj[item] = result.list[item];

carlistarr.push(reobj);

}this.setstate();

} catch (err)

}

render處理如下:

return (

/>

} ))}

)})}

實現效果:

感覺不好用但只想到這種方法了,希望以後有更好的方法;

8 react 列表渲染 (for 迴圈)

function numberlist props return const numbers 1,2,3,4,5 reactdom.render document.getelementbyid root function listitems props const sideby items.map ...

陣列物件 react裡陣列和物件的遍歷渲染

在vue裡遍歷渲染陣列列表我們用的v for,而在react裡遍歷渲染陣列列表我們直接用陣列的map方法,當然也可以用for.in或陣列的foreach方法等。react列表渲染title script script script head div react列表渲染 let arr 打王者 刷抖音...

微信小程式 列表渲染多層巢狀迴圈

頁面的初始資料 data wxml多層迴圈 如果列表中專案的位置會動態改變或者有新的專案新增到列表中,並且希望列表中的專案保持自己的特徵和狀態 如 中的輸入內容,的選中狀態 需要使用 wx key 來指定列表中專案的唯一的識別符號。如不提供 wx key,會報乙個 warning,如果明確知道該列表...