컴포넌트 합성

여러개의 컴포넌트를 합쳐서 하나의 컴포넌트로 만드는 것

컴포넌트 안에 또 다른 컴포넌트를 사용할 수 있다.

 

function App() {
  return (
    <div>
      <Card>
        <Title>첫 번째 카드</Title>
        <Content>이것은 첫 번째 카드의 내용입니다.</Content>
      </Card>
      
      <Card>
        <Title>두 번째 카드</Title>
        <Content>이것은 두 번째 카드의 내용입니다.</Content>
      </Card>
      
      <Card>
        <Title>세 번째 카드</Title>
        <Content>이것은 세 번째 카드의 내용입니다.</Content>
      </Card>
    </div>
  );
}

// 렌더링
ReactDOM.render(
  <App />,
  document.getElementById('root')
);