React 教程

React 是一个用于构建用户界面的 JavaScript 库。

React 用于构建单页应用程序。

React 允许我们创建可重用的 UI 组件。

实例

import React from 'react';
import ReactDOM from 'react-dom';
function Hello(props) {
  return <h1>Hello World!</h1>;
}
ReactDOM.render(<Hello />, document.getElementById('root'));

创建 React 应用

要学习和测试 React，您应该在计算机上安装 React 环境。

本教程使用 create-react-app。

create-react-app 工具是一种官方支持的创建 React 应用程序的方法。

Node.js 是使用 create-react-app 的必要条件。

在要创建应用程序的目录中打开终端。

运行此命令以创建名为的 React 应用程序 my-react-app:

运行 React 应用程序

运行此命令以移动到 my-react-app 目录:

运行此命令以执行 React 应用程序 my-react-app:

一个新的浏览器窗口将弹出您新创建的React应用程序！如果没有，请打开浏览器并在地址栏中键入 localhost:3000。

结果:

您将在 React 环境安装 一章中了解有关 create-react-app 的更多知识。

你之前应该了解的知识：

在学习新内容之前，你应该对以下知识点有基本的了解。

• HTML
• CSS
• JAVASCRIPT

您还应该对 ECMAScript 6（ES6）中引入的新 JavaScript 功能有一些经验，您将在 React ES6 一章中了解这些功能。