同じReactアプリを同じページの複数の場所で使うにはどうすればいいですか？

Question

のcreate-react-appを使用して小さな電卓アプリを作成しました。

現時点では、私は開発中の地元のスタンドアロンアプリです。私の目的は、これを既存のサーバーサイドでレンダリングされたWebサイトに統合することです。

私はいくつかのことに疑問に思って：

1. 私は、既存のウェブサイトに作成反応するアプリからこのアプリを統合する方法は？
2. Reactアプリケーションを複数のの同じページの場所に埋め込むことはできますか？

それはトップレベルでアプリを初期化に来るとき、私は現在やっている：

render(<App />, document.querySelector('#app')); 

しかし、唯一つの領域にそれを置くために私を許可すること。

複数のアプリを使用するにはどうすればよいですか？互いに同じ状態を維持せず、独立して動作するかどうかは関係ありません。

ありがとうございます。

Answer 1

アプリを複数のコンテナにレンダリングするだけで済みます。

ここ

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

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

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

example