一、Hello React

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>Hello React</title>
  6.   </head>
  7.   <body>
  8.     <div id="test"></div>
  10.     <script src="../js/react.development.js"></script>
  11.     <script src="../js/react-dom.development.js"></script>
  12.     <script src="../js/babel.min.js"></script>
  14.     <script type="text/babel">
  15.     // 1.创建虚拟DOM
  16.     const VDOM = <h1>Hello React</h1>
  18.     // 2.渲染虚拟DOM到页面
  19.     ReactDOM.render(VDOM,document.getElementById('test'))
  20.     </script>
  21.   </body>
  22. </html>

注意：
1.react.development.js react-dom.development.js babel.min.js依次加载，不能调换顺序；
2.