React - Props

React Props란?

상위 또는 부모 컴포넌트가 하위(자식)컴포넌트에 정보를 전달할 수 있는데 이것을 프로퍼티(Properties), 줄여서 Props라고 한다. (형제 컴포넌트끼리는 Props 전달이 힘들다.)

• Props는 읽기 전용(Read-only)이다.
• 모든 React 컴포넌트는 자신의 Props를 다룰 때 반드시 순수 함수처럼 동작해야한다.
  참고 사이트: React

순수 함수란? - 참고 사이트: geeksforgeeks

Props 사용 예제

문자열을 제외한 나머지는 {}를 사용하여 Props를 전달한다.

//문자열
<Compoenet propsname="text"/>
//숫자
<Compoenet propsname={10}/>
//변수를 전달 경우
<Compoenet propsname={변수명}/>
//함수 전달할 경우
<Compoenet propsname={함수명}/>
//Boolean 전달할 경우
<Compoenet propsname={true}/>