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.
30 lines
838 B
30 lines
838 B
11 years ago
|
---
|
||
|
|
id: children-undefined
|
||
|
|
title: this.props.children undefined
|
||
|
|
layout: tips
|
||
|
|
permalink: children-undefined.html
|
||
|
|
prev: references-to-components.html
|
||
|
|
---
|
||
|
|
|
||
|
|
You can't access the children of your component through `this.props.children`. `this.props.children` designates the children being **passed onto you** by the owner:
|
||
|
|
|
||
|
|
```js
|
||
|
|
/** @jsx React.DOM */
|
||
|
|
|
||
|
|
var App = React.createClass({
|
||
|
|
componentDidMount: function() {
|
||
|
|
// This doesn't refer to the `span`s! It refers to the children between
|
||
|
|
// last line's `<App></App>`, which are undefined.
|
||
|
|
console.log(this.props.children);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function() {
|
||
|
|
return <div><span/><span/></div>;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
React.renderComponent(<App></App>, mountNode);
|
||
|
|
```
|
||
|
|
|
||
|
|
To access your own subcomponents (the `span`s), place [refs](http://facebook.github.io/react/docs/more-about-refs.html) on them.
|