this.props.childrenを通じて、コンポーネントの子にアクセスすることは出来ません。 this.props.childrenは、その持ち主(オーナー)によって渡されている子を指し示します。

var App = React.createClass({
  componentDidMount: function() {
    // これは2つの'span'を参照しません！
    // 最後の行内の'<App></App>'間の子を参照し、ここでは未定義にされています。
    console.log(this.props.children);
  },

  render: function() {
    return <div><span/><span/></div>;
  }
});

React.render(<App></App>, mountNode);

自分自身のサブコンポーネント(ここではspan)にアクセスするには、refsを使用して下さい。

 Back to top