各React.js子コンポーネントを個別にレンダリングする

Question

React.jsを使用して、ほとんどのHTMLをレンダリングしていますが、これは問題なく動作します。しかし、cmsフレームワークを使用する部分では、これは、各コンポーネントが自動生成されたhtml内にあることを期待しています。このHTMLによって、反応コードでは生成できません。以下の例：

が生成反応したコード

<div class=“react-component-1”> 
    <img src=“foo.png”/> 
</div> 
<div class=“react-component-2”> 
    <p>Some text</p> 
</div> 

CMS

<div class=“some-generated-value”> 
    <div class=“react-component-1”> 
     <img src=“foo.png”/> 
    </div> 
</div> 

<div class=“some-generated-value”> 
    <div class=“react-component-2”> 
     <p>Some text</p> 
    </div> 
</div> 

マイReact.jsコードは、本質的にそれから、多くの子要素を持っているページ全体のための単一コンポーネント/コンテナを持っています。私がしたいのは、React.jsコンポーネントを通常のように作成することですが、何らかの形で各自のIDを関連するdivに挿入してIDで処理することができます。何らかの形でこれらの子コンポーネントにアクセスし、そこに個別に自動生成されたdivをレンダリングすることは可能ですか？ React.createElementによって作成されたオブジェクトを最上位レベルのコンポーネントで調べてみましたが、子コンポーネントの識別方法やプロパティへのアクセス方法を理解することはできません。

Answer 1

ReactDOM.render（）を見ることができます。これにより、好きなコンテナにコンポーネントを個別に注入することができます。 これはどのReactバージョンを使用しているかによって異なります。これは14 +私は信じています。このページは、トップレベルのAPIについて説明していますhttps://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html