<body>
<!-- 准备一个容器 -->
<div id="test"></div>
<!-- 必须在周边库之前引入核心库 -->
<script type="text/javascript"src="./js/react.development.js"></script>
<!-- 引入周边库 -->
<script type="text/javascript" src="./js/react-dom.development.js"></script>
<!-- 引入把jsx转为js的 -->
<script type="text/javascript" src="./js/babel.min.js"></script>
<!-- 下面的js换成bable 表示用babel把jsx转为js, -->
<script type="text/babel"> //必须声明babel
// 创建虚拟DOM元素
const VDom = <h1>Hello React</h1> // 千万不要加引号
// 渲染虚拟DOM到页面真实DOM容器中
ReactDOM.render(VDom, document.getElementById('test'))
</script>
</body>
