div * numの反応はどうですか？

Question

class AddForm extends Component { 
    render() { 
     return (
      <div> 
       asd 
      </div> 
     ); 
    } 
} 

let addComponents = (num) => { 
    let i; 
    for(i = 0; i < num; i++) { 
     return (<AddForm />); 
    } 
} 

<div className="add">{ addComponents(this.state.addNum) }</div> 

私はASDを追加したい* NUM が、ASDはNUM * ASDを付加反応させる方法が一つだけ

this.state.addNum = 1

のですか？

申し訳ありませんが、私はそれが実際のコンポーネントの配列を返す必要がありながら、単一のコンポーネントを返しますaddComponent英語

Answer 1

あなたの機能に悪いです。

const addComponents = (num) => { 
    let arr = []; 
    for(let i = 0; i < num; i++) { 
     arr.push(<AddForm />); 
    } 
    return arr; 
} 

Answer 2

私はあなたがこのような出力何かをしたいことを期待しています。.. numが= 3、出力は「ASDのASDのASD」するかどう

このためのコードは次のようになります。

class AddForm extends Component { 
    render() { 
    var str = "asd "; 
    for(var i=1; i<this.props.num; i++) { 
     str = str+ "asd "; 
    } 
    return (
     <div> 
      {str} 
     </div> 
    ); 
    } 
} 

let addComponents = (num) => { 
    return (<AddForm num={num} />); 
} 

<div className="add">{ addComponents(this.state.addNum) }</div> 

次のような出力に何かを探しているなら...（ASD * 3）numが= 3その後、以下のコードを使用している場合..

class AddForm extends Component { 
    render() { 
    return (
     <div> 
      asd * {this.props.num} 
     </div> 
    ); 
    } 
} 

let addComponents = (num) => { 
    return (<AddForm num={num} />); 
} 

<div className="add">{ addComponents(this.state.addNum) }</div> 

どちらの場合でも、子要素に小道具を渡して、子要素にレンダリングするものを決定させる必要があることを理解するでしょう。あなたは、このような出力に何かをしたい場合

..

<div>asd</div> 
<div>asd</div> 
<div>asd</div> 

はその後OB3によって上記の投稿の答えは正しいです。