Nesting Component

컴포넌트로 감싸게 되면 어떻게 될까? 과연 유효한 문법이기는 한가?
그렇다! children이라는 prop으로 접근가능하다.

this.props.children

• 컴포넌트 태그로 감싸는 순간 감싸는 내용이 자연스레 props.children으로 pass 된다!

   //Message.js
      render() {
          return (
              <div>
                {this.props.children} // <h1>cool!</h1>
              </div>
          )
      }
   //App.js
      render() {
          return (
              <Message>
                <h1>cool!</h1>
              </Message>
          )
      }