리액트 기본지식 정보 (2) - 프로퍼티(Props)

프로퍼티 (props)

상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다. (단방향)

프로퍼티는 수정할수없다는 특징이 있다.( 자식입장에서는 읽기전용데이터이다.)

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

 

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

프로퍼티의 자료형을 미리 선언할수있다. 리액트 엔진이 프로퍼티로 전달하는 값을 효율적으로 알수있고,

버그예방에도 도움이 된다. 

리액트에서 제공하는 prop-types를 이용하여 각각의 자료형을 선언한면 된다. 

 

 

기본값 설정

컴포넌트에 props 기본값을 설정하고 싶은경우 defaultprops를 설정하면 된다.

필수값 설정 

디폴트 값을 설정을 하지않는경우 해당 프로퍼티를 필수 프로퍼티로 선언할수도있다.

 

블리언 프로퍼티 

-True, False만 정의 가능한 자료형

- 중괄호로 감싸 전달할필요없이 프로퍼티의 이름만 선언하면된다.

 

prop.childrun

- childrun를 사용하여 내부에 있는 내용을 표현할수가있다.