我有這樣一個陣列
statusColorsArr =
{"id":"1","name":"NotReady","colourR":48,"colourG":183,"colourB":0,},
{"id":"2","name":"Ready","colourR":209,"colourG":22,"colourB":0,}
我想把它作為一個串列項來輸出
。 {statusColorsArr.map((id, name) => (
<MenuItem key={id} value={name} className ={classesF.A}>
<復選框 className ={classesF.D}>. />
<ListItemText primary={id}/>
<ListItemText primary={name}/>
<ListItemIcon color />
</MenuItem>
))}
問題是如何做到這一點。 thx
編輯：
statusColorsArr = [
{"id":"1","name":"NotReady","colourR":48,"colourG":183,"colourB":0,},
{"id":"2","name":"Ready","colourR":209,"colourG":22,"colourB":0,}
]
uj5u.com熱心網友回復：
通過將id和name包裹在方括號中來解構每個物件。
{statusColorsArr.map(({ id, name }) => (
< MenuItem key={id} value={name} className={classesF. A}>
<Checkbox className={classesF.D} />
<ListItemText primary={id}/>
<ListItemText primary={name}/>
<ListItemIcon color />
</MenuItem>/span>
))}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/309982.html
標籤：