react의 props는 함수형 컴포넌트에 argument를 전달함!!

설정가능한 컴포넌트를 가져야 마크업이나 스타일을 재사용할 수 있음!!

 

버튼을 계속 만들고 안에 있는 글자만 바꾸고 싶다면 props를 통해 argument를 전달함. 

 

렌더링하는 App에서

<Btn text= "Button", fontSize = {{12}}> 로

Button이라는 함수형 컴포넌트에 text, fontsize라는 props를 전달함. 

 

Button이라는 함수형 컴포넌트는

function Btn(props) 여도 되지만

function Btn({text, fontSize}){

로 표시하고, 함수 내에서 props를 이용함.

 

props에는 어떤 것이든 넣을 수 있음.

 

props의 타입을 미리 지정해놓기 위해 propTypes를 이용함.