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
语法。

发布了84 篇原创文章 · 获赞 204 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_44983621/article/details/100847328