ReactJs：動的なコンポーネントのコレクションをレンダリング

Question

私はむしろreact.jsに新しく、Reactでさまざまなコンポーネントのコレクションをレンダリングすることは可能でしょうか？ は、例えば、私がこのように使用するプロパティのchildComponentsとContainerComponentクラスを持っている：

var childComponents = []; 

childComponents.push(<TextComponent text={this.props.text} />); 
childComponents.push(<PictureComponent src={this.props.image} />); 

return (
    <ContainerComponent 
     title={this.props.title} 
     innerComponents={childComponents} /> 
) 

だから、問題は、私はすべての単一の出力を生成するために、子コンポーネントを呼び出すループ内で機能をレンダリングすることができないということです子供。 ContainerComponentのメソッドをどのようにレンダーできますか？

ありがとうございます！あなたのようなすべてのコンポーネントが正常に行うだろう

Answer 1

場所：

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

通常、次のコードでは、ニーズのために正常に動作する必要があります：

<ContainerComponent 
    title={this.props.title} 
> 
    <TextComponent text={this.props.text} /> 
    <PictureComponent text={this.props.image} /> 
</ContainerComponent>