React学习（一）Hello world

最新推荐文章于 2023-06-06 22:48:06 发布

原创最新推荐文章于 2023-06-06 22:48:06 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用React 15.6.1版本创建一个简单的Hello World应用。通过一个实际的例子，展示了如何引入React的核心库、DOM相关的库以及将JSX语法转换为JavaScript所需的browser.min.js。适合React初学者入门。

一、React官网下载地址http://facebook.github.io/react/ ，我下载的版本是react-15.6.1

二、开始Hello word!

<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="D:/ReactDom/build/react.min.js"></script>
    <script src="D:/ReactDom/build/react-dom.min.js"></script>
    <script src="D:/ReactDom/build/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
      );
    </script>
  </body>
</html>

实例中我们引入了三个库： react.min.js 、react-dom.min.js 和browser.min.js：
react.min.js - React 的核心库
react-dom.min.js - 提供与 DOM 相关的功能
browser.js -将 JSX 语法转为 JavaScript 语法