ベストプラクティス（データなし）リアクト

Question

のは、私は同じように、コンポーネントを持っているとしましょう：

<FormInput label="Phone Number" /> 

と私はUI上でそれらのN番号を描きたいです。これを達成するためのベストプラクティスは何でしょうか？これは、もちろん、そこに少しハックthough.Is「思考が反応」より、より慣用的な方法である

var myMapTrigger = [0,0,0,0,0] 
myMapTrigger.map(function(){ 
    return (<FormInput label="Phone Number" />) 
} 

：私の最初の考えは、私は同じように、マップを使用できるようにNのメンバーの配列を作成するのですか？

Answer 1

あなたがLodashを使用することができる場合は、_.timesがうまくいくはずです。

_.times(N, i => <FormInput key={i} label="Phone Number" />); 

は（幸せに反応させることkeyを指定することを忘れないでください。）そのような

Answer 2

何かを、あなたがlodashを含めるいけない場合：

renderForm() { 

    const times = 5; 
    const inputs = []; 

    for(var i=0; i<times;i++) { 
     inputs.push(<FormInput key={i} label="Phone Number" />); 
    } 
    return inputs; 
} 

render() { 
    return <div>{this.renderForm()}</div>; 
}