レスポンスグリッド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

あなたは（最善の方法... JavaScriptに新しいthatsのことを確認していない）forループを使用することができます、

{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は2で割り切れされていないに対処する方法を把握する必要がありますしかし、。