React使用和安裝

時間 2019-11-10

標籤 react 使用安裝欄目 React 简体版

原文原文鏈接

首先經過一個簡單的小例子初探react：css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</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>hello,world!</h1>,
            document.getElementById('example')
        )
    </script>
</body>
</html>

//以上代碼是將h1標題插入id="example"節點中

示例中引入了三個庫：html

react.min.js：React的核心庫

react-dom.min.js：提供與DOM相關的功能

babel.min.js：Babel能夠將ES6轉換爲ES5代碼，這樣就能在目前不支持ES6瀏覽器上執行React代碼。
              Babel 內嵌了對 JSX 的支持。經過將 Babel 和 babel-sublime 包（package）一同使用可讓源碼的語法渲染上升到一個全新的水平

安裝方式參考：http://www.webpiaoliang.com/zt/shouce/article/api/wenzhang/10638.html

相關標籤/搜索