基本示例 

<!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"></div>
	<script type="text/babel">
		function formatName(user) {
			return user.firstName +' ' + user.lastName;
		}
		const user = {
			firstName: "Liu",
			lastName: "xiya"
		};
		const element = (
			<h1> Hello, {formatName(user)}!</h1>
		);

		function getGreeting(user) {
			if (user) {
				return <h1>Hello, {formatName(user)}!</h1>;
			}
			return <h1>Hello, Stranger.</h1>;
		}
		ReactDOM.render(
			element,
			document.getElementById('root')
		);
	</script>
</body>
</html>

　　

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