react學習筆記--Hello Worlld

react學習筆記–Hello Worlld

在這裏插入圖片描述

!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>	
</head>
<body>
	<div id="text2"></div>

	<script type="text/javascript" src="../js/react.development.js"></script>
	<script type="text/javascript" src="../js/react-dom.development.js"></script>
	<script  type="text/javascript" src="../js/babel.min.js"></script>
	
	<script type="text/babel">
		ReactDOM.render(
			<h2>Hello world!</h2>,document.getElementById('text2')
		)
	</script>
</body>

</html>

使用react需要導入三個庫,分別爲react.development.js,react-dom.development.js,babel.min.js,前兩個庫的必須的最後一個庫建議使用(jsx),最後一個庫的作用是把es6語法轉化爲es5。這個代碼使用的就是es6
語法。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章