安裝或設定

Created: November-22, 2018

ReactJS 是一個包含在單個檔案 react-<version>.js 中的 JavaScript 庫，可以包含在任何 HTML 頁面中。人們通常也會安裝 React DOM 庫 react-dom-<version>.js 以及主要的 React 檔案：

基本包容

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript" src="/path/to/react.js"></script>
    <script type="text/javascript" src="/path/to/react-dom.js"></script>
    <script type="text/javascript">
        // Use react JavaScript code here or in a separate file
    </script>
    </body>
</html>

要獲取 JavaScript 檔案，請轉到官方 React 文件的安裝頁面。

React 還支援 JSX 語法。JSX 是由 Facebook 建立的擴充套件，它為 JavaScript 新增了 XML 語法。為了使用 JSX，你需要包含 Babel 庫並將 <script type="text/javascript"> 更改為 <script type="text/babel">，以便將 JSX 轉換為 Javascript 程式碼。

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript" src="/path/to/react.js"></script>
    <script type="text/javascript" src="/path/to/react-dom.js"></script>
    <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>
    <script type="text/babel">
        // Use react JSX code here or in a separate file
    </script>
    </body>
</html>

通過 npm 安裝

你還可以通過執行以下操作使用 npm 安裝 React ：

npm install --save react react-dom

要在 JavaScript 專案中使用 React，你可以執行以下操作：

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<App />, ...);

通過紗線安裝

Facebook 釋出了自己的名為 Yarn 的包管理器，它也可用於安裝 React。安裝 Yarn 後，你只需執行此命令：

yarn add react react-dom

然後，你可以在專案中使用 React，方法與通過 npm 安裝 React 的方式完全相同。