React安装

发布时间：2020-12-15 07:27:17 所属栏目：百科来源：网络整理

导读：React 可以直接下载使用，下载包中也提供了很多学习的实例。你可以在官网 http://facebook.github.io/react/ 下载最新版。你也可以直接使用 BootCDN 的 React CDN 库，地址如下：我们引入了三个库： **react.min.js 、react-dom.min.js 和 babel.min.js：

React 可以直接下载使用，下载包中也提供了很多学习的实例。
你可以在官网 http://facebook.github.io/react/ 下载最新版。

你也可以直接使用 BootCDN 的 React CDN 库，地址如下：

  我们引入了三个库： **react.min.js 、react-dom.min.js 和 babel.min.js：** **react.min.js** - React 的核心库 **react-dom.min.js** - 提供与 DOM 相关的功能 ---------- <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Hello React!</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script> <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>我的名字</h1>,document.getElementById('example') ); </script> </body> </html>

ReactDOM.render(
    <h1>我的名字</h1>,document.getElementById('example')
);

以上代码将一个 h1 标题，插入 id=”example” 节点中。

注意：

如果我们需要使用 JSX，则 <script> 标签的 type 属性需要设置为 text/babel。这是因为 React 独有的 JSX 语法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel" 。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!