루프에 반응 물질을 추가하는 루프

Question

루프에 구성 요소 카드를 추가하는 방법은 무엇입니까? 올바른 방법으로 수행하는 방법은 무엇입니까? 모든 루프 여기 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