React의 props 와 DefaultProps

1. Props란???

쉽게 말하자면 부모 컴포넌트에서 자식 컴포넌트로
전달하는 값이라고 생각하면된다.

2. Props 사용법

위의 두 사진을 보면 App.js가 부모컴포넌트
MyName.js가 자식컴포넌트이다.

부모컴포넌트에서 자식컴포넌트를 render하면서 props name값으로 "리액트"

값을 전달을 하면, 이제 MyName에서 {this.props.name} 명령으로 부모가

지정해준 값을 가져올 수있다.

3. DefaultProps??

부모컴포넌트가 Props값을 따로 지정을 안하였을때, 기본값 지정방법이다.

위의 그림에서는 전과 다르게 부모컴포넌트에서 따로 자식에게 props값을

전달해주지 않았으며, 이럴때 자식컴포넌트에서 동그라미친 부분의 명령으로

기본값을 지정해두면 동일한 결과값이 나온다는 것을 확인할 수있다.