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,则

posted @ 2018-06-25 16:35  TBHacker  阅读(742)  评论(0编辑  收藏  举报