inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React로 NodeBird SNS 만들기

2-2. prop-types

AppLayout 의 children

248

아따마

작성한 질문수 18

0

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

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

javascript react

답변 3

1

제로초(조현영)

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

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

1

제로초(조현영)

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

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

0

아따마

_app.js

<AppLayout>
 <Component />
</AppLayout>

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

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

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

next 10 이상에서는 redux dev tool 구동이 안되나요?

0

272

1

세션 갱신 문의 건

0

483

7

배포 진행 후 Highlight updates components render 표시

0

445

1

똑같은 기능을 하는 테이블

0

448

4

관계형

0

312

2

프론트 서버를 이용하지 않는경우

1

299

3

인피니트 스크롤링 사용시 오류

0

278

0

계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.

0

434

2

req.user가 언제 생성되나요??

0

330

2

Cannot read property 'id' of null 에러

0

333

1

리트윗한 게시글 불러오는 sequelize

0

252

1

result.data에서 images인 이유

0

281

2

takeLatest에 대한 질문입니다.

1

342

2

프론트에서 express를 사용하지 않을때 동적라우팅

0

501

6

getInitialProps가 클라이언트에서 수행되는 이유?

0

258

1

리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.

0

445

2

스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다

0

585

2

할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)

0

365

1

nodejs mvc 패턴

0

975

4

사용하고 보니, 람다 구성이 궁금합니다!

0

266

1

제로초님

0

445

1

새로고침 로그인 풀림 문제.

0

247

1

안녕하세요. 강의 너무 감사합니다

0

157

1

제로초님

0

170

1