Props

props = 부모 컴포넌트로부터 자식 컴포넌트에게 데이터를 전송하는 방식.

부모에 props를 사용하면 자식 컴포넌트(함수)의 인자로 객체가 들어가게 된다.
하나의 버튼을 만들어서 props를 이용해 버튼의 스타일을 관리해서 재사용 할 수 있게된다.

예를 들어

<Btn banana="Save Chances"/> 

코드는

<Btn({banana:"Save Changes"})/> 

이랑 같은 코드이다.
즉 , Props는 객체(object) 라고 볼 수 있다.
banana 같은 식별자는 아무거나 넣을 수 있다.

props는 객체이기 때문에 중괄호 {}를 사용하여 object(객체)로 부터 property를 꺼낸다.

{text}는 props.text랑 같다고 보면 된다.