오늘은 1차 프로젝트를 진행하면서 이해하기 제일 어려웠던 props 와 state 를 복습하는 시간을 갖도록 하겠습니다.
class Codelab extends React.Component {
render() {
return (
<div>
<h1>Hello{this.props.name}</h1>
<h2>{this.props.number}</h2>
<div>{this.props.children}</div>
</div>
);
}
}
Codelab.propTypes = {
name:React.PropTypes.string,
number:React.PropTypes.number.isRequired
};
Codelab.defaultProps = {
name:"Unknown"
};
class App extends React.Component {
render() {
return(
<Codelab name={this.props.name}>{this.props.children}</Codelab>
);
}
}
ReactDOM.render(<App>I am your child</App>,document.getElementById('root'));