react.dev/tips/17-children-undefined.ko-KR.md

id	title	layout	permalink	prev	next
children-undefined-ko-KR	정의되지 않은 this.props.children	tips	tips/children-undefined-ko-KR.html	expose-component-functions-ko-KR.html	use-react-with-other-libraries-ko-KR.html

this.props.children을 통해 자식 컴포넌트에 접근할 수 없습니다. this.props.children은 소유자에 의해 자식이 전달되도록 지정합니다:

var App = React.createClass({
  componentDidMount: function() {
    // 이는 `span`을 참조하지 않습니다! 
    // 마지막 줄의 `<App></App>` 사이의 정의되지 않은 자식을 참조합니다.
    console.log(this.props.children);
  },

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

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

서브 컴포넌트(span)에 억세스하려면, refs를 넣으세요.