響應式網格2在地圖中的柱子

Question

我有這個靜態標記，這使得我的佈局很靈活，2列很好。

<Row> 
    <Col span={6}>content</Col> 
    <Col span={6}>content</Col> 
</Row> 
<Row> 
    <Col span={6}>content</Col> 
    <Col span={6}>content</Col> 
</Row> 
<Row> 
    <Col span={6}>content</Col> 
    <Col span={6}>content</Col> 
</Row> 

但我必須將它轉換爲動態列表，因爲它必須從後端渲染數據。

這樣做是行不通的

{ads && ads.map((obj, index) => (
    <Row> 
    <Col span={6}>{obj.content}</Col> 
    </Row> 
) 
)} 

，因爲它會打印每行每一個迭代。我想過使用％，但我忘了過去是如何做到的。

Answer 1

你可以使用一個for循環（不知道是那最好的辦法......新的JavaScript）：

{ads && for(var i = 0; i < ads.length; i += 2) { 
    <Row> 
    <Col span={6}>{ads[i]}</Col> 
    <Col span={6}>{ads[i+1]</Col> 
    </Row> 
} 

你將不得不弄清楚如何由兩個處理ads.lenght不被分割，雖然。