게시글은 리액트 공부용이며 출처를 제시합니다.
출처: 소플의 처음 만난 React, 리액드를 다루는 기술, 모던 자바스크립트 deep dive

컴포넌트 합성

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

function App(props){
	return(
    	<div>
      		<Welcome name="Mike"/>
      		<Welcome name="Steve"/>
      		<Welcome name="Jane"/>
      	</div>
    )	
}

function Welcome(props){
	return <h1>Hello, {props.name}</h1>;
}

• App 컴포넌트 안에 세 개의 Welcome 컴포넌트가 있고 각각의 Welcome 컴포넌트는 각기 다른 props를 가지고 있다.