时钟 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>学习react！</title>
	<script src="bower_components/react/react.development.js"></script>
	<script src=bower_components/react/react-dom.development.js></script>
	<script src="bower_components/babel-standalone/babel.min.js"></script>
</head>
<body>
	<div id="root" style="text-align:center; margin-top:300px"></div>
	<script type="text/babel">
	function tick() {
		const element = (
			<div>
				<h1>Hello, world!</h1>
				<h2>It is{new Date().toLocaleTimeString()}.</h2>
			</div>
		);
		ReactDOM.render(element, document.getElementById('root'));
	}
	setInterval(tick,1000);
	</script>
</body>
</html>

　　

posted @ 2018-02-21 10:59  bradleydan  阅读(68)  评论(0)    收藏  举报