效果显示不出来，谁能帮忙看看。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React 实例</title>
<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/bable">
var TestClickComponent=React.createClass({
render:function(){
return (
<div>
<button>显示|隐藏</button><span>测试点击</span>
</div>
);
}
});
var TestInputComponent=React.createClass({
getInitialState:function(){
return {
inputContent:''
}
},
render:function(){
return (
<div>
<input type="text"/><span>{this.state.inputContent}</span>
</div>
);
}
});
ReactDOM.render(
<div>
<TestClickComponent/>
<br/><br/><br/>
<TestInputComponent/>
</div>,
document.getElementById('container')
);
</script>
</body>
</html>
