4 回答

TA貢獻1831條經驗 獲得超9個贊
render() {
const data = [{'名稱':'a1','編碼':'0026'},{'名稱':'a2','編碼':'0026'},{'名稱':'a3','編碼':'0026'},{'名稱':'a4','編碼':'0026'},{'名稱':'a5','編碼':'0026'},{'名稱':'a6','編碼':'0026'},{'名稱':'a7','編碼':'0026'},{'名稱':'a8','編碼':'0026'},{'名稱':'a9','編碼':'0026'},...];
return (
<div className="result">
<div>
{
Array.from({length: Math.ceil(data.length / 4)}, (v, i) => i).map(() => {
return data.splice(0, 4).map((item, index) => {
<div key={index}>
<p>{item['名稱']}</p>
<p>{item['編碼']}</p>
</div>
})
})
}
</div>
</div>
);
}

TA貢獻1829條經驗 獲得超13個贊
那就要把數據解構改改了,要是很多的話讓后端改。不多的話前端自己來處理。
ps: 后端返回字段的key最好不要使用中文。
[
// 第一行
[{
'名稱':'a1','編碼':'0026'
},{
'名稱':'a1','編碼':'0026'
},
'名稱':'a1','編碼':'0026'
},{
'名稱':'a1','編碼':'0026'
}],
// 第二行
[],
...
]
添加回答
舉報