AppLayout 의 children

미해결질문
아따마 프로필

1. AppLayout가 받은  children 은 부모가 누구 인가요?

2. children 에 해당하는 컴포넌트들은 components 폴더에 들어 있는 AppLayout.js 제외한 파일들을 말하나요?

조현영 프로필
조현영 2달 전

render에 들어있는 얘들은 다 AppLayout의 자식입니다. props로 온 children은 _app.js에서 옵니다.

children이 해당하는 컴포넌트는 _app.js에서 AppLaout 내부에 뭐가들었는지 확인하시면 됩니다.

아따마 프로필
아따마 2달 전

_app.js

<AppLayout>
 <Component />
</AppLayout>

AppLayout 이  Component 를 감싸고 있고,  AppLayout.js 에서  children 이 Component 를 상속 받았기 때문에 

children  에 해당하는 컴포넌트가  pages 폴더에 _app.js 제외한 나머지 파일을 말하는 거죠?

<Col xs={24} md={12}>
{children}
</Col>
여기 {children}
조현영 프로필
조현영 2달 전

children이 Component를 상속받았다기보다는 children이 Component입니다. 같은 겁니다.

_app.js를 제외한 나머지 파일이 각 페이지별로 children(Component)가 됩니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스