反復で反復を追加するループ

Question

ループ内にコンポーネントカードを追加する方法は？ 正しい方法でそれを行う方法？ すべてはあなたのforループの構文が間違っていhttps://jsfiddle.net/oL1gawfo/

... 
     for(let i=1;i<5,i++){ 
      var colorhex="#FFA"+i+"56"; 
      ReactDOM.render(
      <div> 
       <Card color=colorhex/> 
      </div>, 
      document.querySelector("#c"+i) 
     ); 
     } 
    ... 

Answer 1

私はちょうど別の方法を発見しました。

var colors = ["#393E41", "#E94F37", "#1C89BF", "#A1D363", 
       "#85FFC7", "#297373", "#FF8552", "#A40E4C"]; 

var renderData = []; 

for (var i = 0; i < colors.length; i++) { 
    renderData.push(<Circle bgColor={colors[i]}/>); 
} 

ReactDOM.render(
    <div> 
    {renderData} 
    </div>, 
    destination 
); 

Answer 2

ここsnipet。あなたは、ループ式のためにあなたを分離するために;を必要としないcomma

for(let i=1;i<5;i++){ 

     var colorhex="#FFA"+i+"56"; 
     console.log(colorhex); 
     ReactDOM.render(
     <div> 
      <Card color={colorhex}/> 
     </div>, 
     document.querySelector("#c"+i) 
    ); 
    } 

JSFIDDLE