코드 잡동사니

class MyComponent extends Component { static defaultProps = { name : null } static propTypes = { name : PropTypes.string.isRequired } constructor(props){ super(props) } render(){ return ( 안녕하세요, 제 이름은 {this.props.name} 입니다. ) } } defaultProps 는 MyComponent props 초기화 해준다. propTypes 는 props 의 데이터 검증하는 것인데 name 이 문자열이고 꼭 입력해야하는 값이라는 것을 나타내고 있다.

npm i babel-preset-es2015 --save-dev es2015 버전은 IE9 와 같은 구형 브라우저를 지원도 할 경우에 es2015 를 설치를 한다. 설정 방법 npm i babel-cli@6.9.0 babel-preset-react@6.5.0 --save-dev //package.json 파일안에서 "babel" : { "presets":["react"]} 라고 작성