You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.0 KiB
32 lines
1.0 KiB
11 years ago
|
---
|
||
|
|
id: references-to-components
|
||
|
|
title: References to Components
|
||
|
|
layout: tips
|
||
|
|
permalink: references-to-components.html
|
||
|
|
prev: expose-component-functions.html
|
||
|
|
---
|
||
|
|
|
||
|
|
If you're using React components in a larger non-React application or transitioning your code to React, you may need to keep references to components. `React.renderComponent` returns a reference to the mounted component:
|
||
|
|
|
||
|
|
```js
|
||
|
|
/** @jsx React.DOM */
|
||
|
|
|
||
|
|
var myComponent = React.renderComponent(<MyComponent />, myContainer);
|
||
|
|
```
|
||
|
|
|
||
|
|
If you pass a variable to 'React.renderComponent`, it's not guaranteed that the component passed in will be the one that's mounted. In cases where you construct a component before mounting it, be sure to reassign your variable:
|
||
|
|
|
||
|
|
```js
|
||
|
|
/** @jsx React.DOM */
|
||
|
|
|
||
|
|
var myComponent = <MyComponent />;
|
||
|
|
|
||
|
|
// Some code here...
|
||
|
|
|
||
|
|
myComponent = React.renderComponent(myComponent, myContainer);
|
||
|
|
```
|
||
|
|
|
||
|
|
> Note:
|
||
|
|
>
|
||
|
|
> This should only ever be used at the top level. Inside components, let your `props` and `state` handle communication with child components, and only reference components via `ref`s.
|