Props
- Props는 일종의 방식으로 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법이다.
이것은 Props의 예시이다.
여기서 보여지는
function App(){}은 부모 컴포넌트이고
<MinutesToHours />와 <KmToMiles />는 자식 컴포넌트이다.
자식 컴포넌트는 부모에게 의존하지않고 독립적으로 존재할 수 있다.
여기서 function Btn() Btn안의 ()영역의 인자를 props라고 부르며 Btn으로부터 전달받는 properties이다.
즉, 이렇게와 같다.
props를 콘솔에 찍어보면
이렇게 오브젝트가 두개로 뜬다.
즉, props 는 내가 보낸 모든 것들을 갖는 오브젝트다.
{props.banana}로 하면 btn에 지정해준 properties를 출력한다.
이렇게 쓰는 것도 가능하다.
