• 카테고리

    질문 & 답변

  • 세부 분야

    풀스택

  • 해결 여부

    미해결

AppLayout 의 children

20.01.14 02:47 작성 조회수 144

0

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

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

course-thumbnail

React로 NodeBird SNS 만들기

2-2. prop-types

강의실 바로가기

답변 3

·

답변을 작성해보세요.

1

조현영님의 프로필

조현영

지식공유자

2020.01.14

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

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

1

조현영님의 프로필

조현영

지식공유자

2020.01.14

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

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

0

아따마님의 프로필

아따마

질문자

2020.01.14

_app.js

<AppLayout>
 <Component />
</AppLayout>

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

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

<Col xs={24} md={12}>
{children}
</Col>
여기 {children}

이 글과 비슷한 Q&A