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。

轉載于:https://www.cnblogs.com/jiqing9006/p/9224929.html

總結

以上是生活随笔為你收集整理的React引入，运行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。