13day - Layout

이주영·2022년 11월 22일
0

Props.children

isEdit={true}가 BoardWrite 안에 들어가면 props.isEdit로 받아올 수 있었다. 하지만 props를 꼭 컴포넌트 안에만 작성할 수 있는 것은 아니다.
BoardWrite 태그로 묶고 안에 div를 작성하면 props로 들어가게 된다.
기존에(왼쪽) props는 isEdit라는 이름을 정해주었는데, div는 이름이 없다.
div는 props.children이라는 이름이 자동으로 생성된다.

props.children은 Layout을 만들 때 사용한다.
고정되어 바뀌지 않는 Header,Banner,Footer부분을 제외하고 가운데 몸통 부분만 어떤 페이지를 보여줄지 바꿔줄 수 있다.

Layout

<일반적인 레이아웃 구조>

코드로 나타내면,

0개의 댓글