개발/react
react의 props는 함수형 컴포넌트에 argument를 전달함!!
발명가H
2022. 9. 24. 23:09
설정가능한 컴포넌트를 가져야 마크업이나 스타일을 재사용할 수 있음!!
버튼을 계속 만들고 안에 있는 글자만 바꾸고 싶다면 props를 통해 argument를 전달함.
렌더링하는 App에서
<Btn text= "Button", fontSize = {{12}}> 로
Button이라는 함수형 컴포넌트에 text, fontsize라는 props를 전달함.
Button이라는 함수형 컴포넌트는
function Btn(props) 여도 되지만
function Btn({text, fontSize}){
로 표시하고, 함수 내에서 props를 이용함.
props에는 어떤 것이든 넣을 수 있음.
props의 타입을 미리 지정해놓기 위해 propTypes를 이용함.