【メモアプリ】renderでのforの使用例

renderでのforの使用例

renderの際にloop処理にて複数の行を表示させたい場合、配列のmapなど使用例は、よく見受けられるが。
for文での使用例は、見受けられないため、以下に記載する。

getDefaultProps: function(){
      return{
           allowLines: 4
      }
 },
 renderLine: function(number){
      var lines = [];
      for(var i=0; i < number; i++){
           lines.push(<InputLine num={i+1}></InputLine>)
      }
      return lines;
 },
 render: function(){
      return (
           <div>
                {this.renderLine(this.props.allowLines)}
           </div>
      );
}