#React JS-3 props

props

- props는 속성(property)의 약자 

- 속성 형태로 데이터 전달 

- 컴포넌트 내부의 immutable Data(변하지 않는 데이터 처리)

- JSX 내부에 {this.props.propsName}

- 컴포넌트를 사용 할 때, <> 괄호 안에 propsName="value"

- this.props.children은 기본적으로 갖고있는 props로서,

  <Cpnt>여기에 있는값이 들어간다.</Cpnt>

 

props ex 1)

props ex 2)

 

localhost

 

App Component props를 하위 Test props로 전달

먼저 이자체의 App Component의 props를 만들어준다.

App에 render해주게 되며, App은 하위의 Test Component에 render하게된다.

 

props 기본 값 설정

 

Component.defaultProps = {...}

 

타입 검증

Component.propsType= {...}

 

특정  props값이 특정 타입이 아니거나 필수 props인데 입력하지 않을 경우 console에 경고를 띄우게할 수 있다.

첫번째 타입 문자열

두번째 타입 숫자

세번째 어떤 타입이던 필수 입력