더북(TheBook)

20.5.1 EditorTemplate 컴포넌트

 

 

20.5.1.1 레이아웃 구성

이번에 만들 EditorTemplate 컴포넌트는 지금까지 다룬 컴포넌트들과 살짝 다릅니다. 기존에는 컴포넌트의 props로 JSX 형태를 받아 올 때 children 값을 사용했습니다.

예를 들어 다음과 같은 Parent 컴포넌트가 있다고 합시다.

import React from ‘react’;

const Parent = ({children}) => {
  return (
    <div>
      {children}
    </div>
  );
};

export default Parent;

 

이렇게 사용하면 컴포넌트 JSX 태그 사이의 내용들이 children으로 전달되지요.

<Parent>
  <div>Hello World</div>
</Parent>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.