欢迎来到 React 入门教程页面！以下是一些基础内容，帮助您快速上手 React。

快速开始

  1. 安装 Node.js 和 npm React 需要 Node.js 和 npm（Node.js 包管理器）来运行。您可以从 Node.js 官网 下载并安装。

  2. 创建一个新的 React 项目 使用以下命令创建一个新的 React 应用程序：

    npx create-react-app my-app

    这将创建一个名为 my-app 的新目录，其中包含一个基本的 React 应用程序。

  3. 运行应用程序 进入 my-app 目录并运行以下命令来启动开发服务器：

    npm start

    您应该在浏览器中看到一个欢迎页面，地址为 http://localhost:3000。

常用组件

React 中有很多常用的组件，以下是一些基础组件：

  • JSX：React 使用 JSX 语法来描述用户界面。JSX 允许您将 HTML 代码嵌入到 JavaScript 中。

  • 组件：React 组件是构建用户界面的基本单元。您可以使用函数或类来创建组件。

  • 状态 (State)：组件的状态是组件内部可变数据的集合。您可以使用 setState 方法来更新组件的状态。

  • 属性 (Props)：组件的属性是组件外部传递给组件的数据。

图片示例

下面是一张 React 的图片示例：

React

扩展阅读

如果您想了解更多关于 React 的信息，请阅读以下文档：