反応で不完全な部分をプッシュする方法

Question

私のコードは配列を反復し、Reactsコンポーネントを1つの行に生成します。

var row = []; 
IconsAndTexts.forEach(function(IconObject) { 
    if (IconObject.badge !== 0) { 
    rows.push(
     <Col xs sm md lg 
     <table key={"1." + IconObject.key}> 

     </table> 
     </Col> 
    ); 
    } 
}); 

return (rows); 

私の内部の作業の一部を省略しましたが、基本的には説明したとおりに動作します。 私の質問は、どのように要素の一部だけを行にプッシュすることができます（例えば、私は最初に列の先頭にのみを押して、最後に</Col>を押して閉じタグを押しますが、私にこれをさせてください）。

どうすればいいですか？私は文字列を使用し、それらをプッシュすることはできますか？

編集 - 私のコメントから、私は何をしたいのか明確に

それは私がこの

rows.push(< Col xs sm md lg>); 
rows.push(< table key={"1." + IconObject.key}>); 
rows.push(< /Col>); 

行うことができないだろうと私はそれを行うことができれば、それは、本当に有用であろう私ので、私の要素をより自由に動的にロードし、複数の要素を操作することなく、より厳密で難しくなります。

Answer 1

このようなタグをColタグにラップして戻ってください。

IconsAndTexts.forEach(function(IconObject) {    
     if (IconObject.badge !== 0) {    
      rows.push(     
        <table key={"1." + IconObject.key}> 

        </table> 
       ); 
     } 
    }); 
return <Col xs sm md lg>{rows}</Col>;