React引入，运行

1.引入

<script src="https://cdn.bootcss.com/react/15.5.4/react.min.js"></script>

<script src="https://cdn.bootcss.com/react/15.5.4/react-dom.min.js"></script>

<script src="https://cdn.bootcss.com/babel-standalone/6.24.0/babel.min.js"></script>

2.内容

<div id="app"></div>

<script type="text/babel">

    ReactDOM.render(

        <h1>Hello, 简单教程!</h1>,

        document.getElementById('app')

    );

</script>

实例中我们引入了三个库： wreact.min.js 、react-dom.min.js 和 babel.min.js：

react.min.js React 的核心库

react-dom.min.js 提供操作 DOM 相关的功能

babel.min.js Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的语法渲染上升到一个全新的水平。

注意：

如果我们需要使用 JSX，则标签的 type 属性需要设置为 text/babel。

巴特西

React引入，运行

最新文章

热门文章