리액트 props

리액트 props

프로퍼티(props)란?

• 프로퍼티, props(properties의 줄임말) 라고 한다.
• 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.(단방향 데이터 흐름 갖는다.)
• 프로퍼티는 수정할 수 없다는 특징이 있다.(자식입장에선 읽기 전용인 데이터이다.)

사용 방법

• 프로퍼티에 문자열을 전달할 때는 큰따옴표(“ “)를, 문자열 외의 값을 전달할 때는 중괄호({ })를 사용 한다.

프로퍼티의 자료형, 타입 정의

• 프로퍼티의 자료형을 미리 선언할 수 있다.
• 리액트 엔진이 프로퍼티로 전달하는 값을 효율적으로 알 수 있고, 버그 예방에도 도움이 된다.
• 리액트에서 제공하는 prop-types를 이용하여 각각의 자료형을 선언하면 된다.

프로퍼티 기본값 설정 및 필수값 설정

• 컴포넌트에 props 기본값을 설정하고 싶은 경우 defaultProps를 설정하면 된다.
• 디폴트 설정을 하지 않는 경우 해당 프로퍼티를 필수 프로퍼티로 선언 할 수도 있다.