2017-01-30 7 views
-1

同じdivの中に複数のコンポーネントをレンダリングし、私は2つのコンポーネントは以下のレンダリングコールをSNDありますJavascriptのReactJsは、私がReactJsにアップし始めています

var Hello = React.createClass({ 
    render: function() { 
    return <div>Hello {this.props.name}</div>; 
    } 
}); 

var Hello2 = React.createClass({ 
    render: function() { 
    return <div>Hello2 {this.props.name}</div>; 
    } 
}); 

ReactDOM.render(
    <Hello name="World" />, 
    document.getElementById('container') 
); 

それは、コンテナ内の両方のコンポーネントをレンダリングするためにかのうですか?

私が試してみた:

ReactDOM.render(
    <Hello name="World" />, 
    <Hello2 name="World2" />, 
    document.getElementById('container') 
); 

をしかし、それは動作しませんでした。

どうすればいいですか?

+0

の可能性のある重複した[複数のReact.render()関数内のコンポーネントに反応レンダリングする方法はありますか?](http://stackoverflow.com/questions/32577886/is-there-a-way-反応レンダリング機能のコンポーネントをレンダリングすることはできません。 –

答えて

1

これらはコンテナに入れなければなりません。

ReactDOM.render(
    <div> 
    <Hello name="World" /> 
    <Hello2 name="World2" /> 
    </div>, 
    document.getElementById('container') 
); 
+0

これはうまくいかなかった:ReactDOM.render(

, ,
document.getElementById( 'container') ); – PaulTenna2000

+0

カンマを削除してください。 – prosti

+0

example @ PaulTenna2000を更新しました。 – prosti