`
</head>
<body>
<div id="area" ></div>
<script type="text/babel">
var HelloWorld = React.createClass({
propTypes:{
name: React.PropTypes.string.isRequired
},
getDefaultProps: function(){
return{
name:'scott'
}
},
render:function(){
return(
<h1> hello {this.props.name}</h1>
)
}
});
ReactDOM.render(
<HelloWorld name={true} />,
document.getElementById('area'),
);
</script>
</body>
`