inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React로 NodeBird SNS 만들기

2-2. prop-types

AppLayout 의 children

252

아따마

작성한 질문수 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

287

1

세션 갱신 문의 건

0

524

7

배포 진행 후 Highlight updates components render 표시

0

460

1

똑같은 기능을 하는 테이블

0

475

4

관계형

0

329

2

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

1

307

3

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

0

281

0

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

0

443

2

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

0

336

2

Cannot read property 'id' of null 에러

0

339

1

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

0

258

1

result.data에서 images인 이유

0

287

2

takeLatest에 대한 질문입니다.

1

346

2

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

0

508

6

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

0

265

1

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

0

456

2

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

0

590

2

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

0

369

1

nodejs mvc 패턴

0

991

4

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

0

271

1

제로초님

0

449

1

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

0

256

1

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

0

167

1

제로초님

0

176

1