React安装

来源：互联网发布：悉尼类似淘宝的app 编辑：程序博客网时间：2024/06/06 00:29

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

0 0