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:
1 2 3 4 5 6 7 8 9 10 11 12 13 | 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>; }});ReactDOM.render(<App></App>, mountNode); |
To access your own subcomponents (the spans), place refs on them.
Please login to continue.