zoukankan      html  css  js  c++  java
  • 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,则