컴포넌트 합성

react 공식문서 메인컨셉 11. 합성과 상속

 

1. react에서 합성이란?

자식 컴포넌트가 무엇이 들어올 지 알지 못하는 상황에서 만들어야 할 때, 두 컴포넌트가 서로 영향을 끼치지 않으면서 합쳐지는 것.

 

2. 사용방법

   1) 한 곳만 합성할 경우

See the Pen ZNzMEq by sujeong91 (@sujeong91) on CodePen.

     2) 여러 곳을 합성할 경우

See the Pen JqPaog by sujeong91 (@sujeong91) on CodePen.

 

3. 사용 예

   1) 팝업 컴포넌트

   2) 레이아웃 컴포넌트