Nesting Component

yhko1992·2022년 2월 15일
0

REACT JS - BASIC

목록 보기
8/25
post-thumbnail

컴포넌트로 감싸게 되면 어떻게 될까? 과연 유효한 문법이기는 한가?
그렇다! 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>
            )
        }
profile
'과연 이게 최선일까?' 끊임없이 생각하기

0개의 댓글