代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello_react</title>
</head>
<body>
<!-- 准备好一个容器 -->
<div id="test">
</div>
<!-- React官网提供的CDN加速资源 -->
<!-- <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>-->
<!-- <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>-->
<!-- 本地资源 -->
<!-- 引入React核心库 -->
<script src="../js/react.development.js"></script>
<!-- 引入React-dom，用于支持react操作DOM -->
<script src="../js/react-dom.development.js"></script>
<!-- 引入babel，用于将JSX转化为JS -->
<script src="../js/babel.min.js"></script>
<script type="text/babel">/** 此处一定要写type="text/babel **/
//1.创建虚拟DOM
const VDOM = <h1>Hello,React</h1>; /* 此处一定不要写引号，因为不是字符串 */
//2.渲染虚拟DOM到页面
ReactDOM.render(VDOM,document.getElementById("test"));// 参数1：虚拟DOM 参数2：容器
</script>
</body>
</html>运行结果
