Reactではない大規模なアプリケーションでReactコンポーネントを使用する場合やコードをReactに移行する場合、 コンポーネントへの参照を保持する必要があるかもしれません。 React.renderは、そのマウントされたコンポーネントの参照を返します。

var myComponent = React.render(<MyComponent />, myContainer);

ただし、JSXはコンポーネントのインスタンスを返さないことに注意して下さい！ これはただのReactElementであり、 マウントされるコンポーネントがどうあるべきかをReactに伝える表現に過ぎません。

var myComponentElement = <MyComponent />; // これはただのReactElementです。

// Some code here...

var myComponentInstance = React.render(myComponentElement, myContainer);

注意:
これは唯一トップ階層で使用されるべきものです。 コンポーネント内部であれば、propsとstateを用いて子コンポーネントと連携し、 コンポーネントの参照だけであればrefsを使用します。

 Back to top