我有一個項目數組,9確切附在我的狀態:陣營:遍歷數據並創建三個項目排在一排
state = {
menuItems: [
{
id: 0,
name: 'Foods',
iconSrc: 'food.jpg'
},
{
id: 1,
name: 'Drinks',
iconSrc: 'drinks.jpg'
},
{
id: 2,
name: 'Snacks',
iconSrc: 'snacks.jpg'
}
]
,並要循環他們,但我有9數組中的項目,要做到以下幾點:組陣列中每三個項目下的一個新的div,像這樣:
<div class="row-container">
<div class="col-4">
<div class="col-2">Item 1</div>
<div class="col-2">Item 2</div>
<div class="col-2">Item 3</div>
</div>
<div class="col-4">
<div class="col-2">Item 4</div>
<div class="col-2">Item 5</div>
<div class="col-2">Item 6</div>
</div>
<div class="col-4">
<div class="col-2">Item 7</div>
<div class="col-2">Item 8</div>
<div class="col-2">Item 9</div>
</div>
</div>
如何做到這一點使用內無反應的地圖功能?
鏈接使我最好的解決我的問題。謝謝。 – Beto