属性 

<!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;"></div>
	<script type="text/babel">
	function Welcome(props) {
		return <h1>Hello, {props.name}</h1>
	}
	function App() {
		return (
			<div>
				<Welcome name="Sara"/>
				<Welcome name="Chal"/>
				<Welcome name="Edite"/>
			</div>
		);
	}
	ReactDOM.render(
		<App/>,
		document.getElementById('root')
	);
	</script>
</body>
</html>

　　

posted @ 2018-02-21 11:14  bradleydan  阅读(64)  评论(0)    收藏  举报