lovecoding
/
VIP20


			
							123456789101112131415161718192021222324252627
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="../../babel.min.js"></script>
    <script src="../../react.development.js"></script>
    <script src="../../react-dom.development.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <!-- 默认 script 类型 为 text/javascript -->
    <!-- 注意：这里的script必须指定类型为 text/babel 这样才能被babel工具翻译成js代码 -->
    <script type="text/babel">

      // hello world

      // 创建一个 可以被渲染的元素

      const element = <h1>hello, world.</h1>; // 这是 html标签吗？ 这是JSX， 为了方便开发者构建用户界面


      // 创建实例root

      const root = ReactDOM.createRoot(document.getElementById('root'));


      root.render(element);

    </script>
  </body>
</html>