리액트 PROPS

리액트를 하면 컴포넌트를 자주 만들고 사용한다 이때 컴포넌트들은 각각 prop(값)들을 받아서 prop에 맞는 다양한 컴포넌트를 만들수 있다 예시) function Btn({ buttonName, fontSize=12}) { //버튼 컴포넌트 이때 prop은 오브젝트이므로 {값1,값2}이런식으로 써야됨 return ( <button style={{ backgroundColor: "teal", color: "white", padding: "10px 20px", border: 0, borderRadius: "10px", marginRight: "5px", fontSize: fontSize, }} > {buttonName} </button> ); } const App = () => { return ( <div> <Btn buttonName="Save Changes" fontSize={18} /> //컴포넌트에 이름과 사이즈 prop입력 <Btn buttonName={"Confirm"} /...

원문링크 : 리액트 PROPS