React快速入门-优快云博客

本文链接：https://blog.youkuaiyun.com/Care_about/article/details/68921557

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

React安装