安装或设置

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 的方式完全相同。