React 15.2.1
HTML
<script src="https://fb.me/react-with-addons-15.2.1.js"></script>
<script src="https://fb.me/react-dom-15.2.1.js"></script>
<div id="container"></div>
Babel + JSX
class MyComp extends React.Component{
render(){
return <ChildComp name='SUren'/>
}
}
class ChildComp extends React.Component{
constructor(props){
super(props);
}
render (){
console.log(this.props)
return(
<div>
<h2>{this.props.name}</h2>
<h3>{this.props.age}</h3>
</div>
)
}
}
ChildComp.defaultProps = {age: 35};
ReactDOM.render(<MyComp />, document.getElementById('container'))