javascript"><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>
