REACT - Props 개념

Props란?

• 상위 컴포넌트에서 하위 컴포넌트로 어떤 값을 전달할때 props를 사용

= 오브젝트 형태로 전달해줄 때의 속성 이름과 동일한 키로 접근하여 사용

function App(){
	return(
    	<div>
        	<MyComponent value={'test'}/>
        </div>
    );
}

function MyComponent(props){
	return <div>{props.value}</div>;
}

• 부모 컴포넌트로 자식 컴포넌트를 받기 위해서는 부모 컴포넌트에서 type으로
  props를 받는다

부모 컴포넌트

export default function App(){
	return(
    	<div>
        	<Heading type="h1">Hello</Heading>
            //Parent : type
            //child : Hello
           </div>
    )
}