React 教程

React 是一个用于构建用户界面的 JavaScript 库。它被广泛用于开发单页应用（SPA）和复杂的前端应用程序。

快速开始

1. 安装 Node.js 和 npm：React 需要Node.js 和 npm 来运行和开发。
2. 创建新项目：使用 create-react-app 命令可以快速创建一个新的 React 项目。

   npx create-react-app my-app
   

3. 运行项目：进入项目目录，然后使用 npm start 来启动开发服务器。

   cd my-app
   npm start
   

组件

React 应用由组件组成。组件可以是一个简单的函数或一个复杂的类。

• 函数组件：函数组件是最简单的组件形式，它只包含一个 render 方法。
• 类组件：类组件使用 ES6 类来定义，并使用 render 方法来返回 JSX。

JSX

JSX 是一种类似于 HTML 的语法扩展，用于描述用户界面。在 React 中，JSX 代码最终会被编译成 JavaScript 对象。

function App() {
  return (
    <div>
      <h1>Hello, world!</h1>
      <p>This is a React component.</p>
    </div>
  );
}

本站链接

想要了解更多关于 React 的知识，请访问我们的 React 教程。

图片

React 的图标

React 组件

JSX 示例