欢迎来到我们的 React 教程页面！在这里，你将学习如何使用 React 构建用户界面和组件。

快速开始

  1. 安装 Node.js 和 npm：React 需要 Node.js 和 npm 来运行。你可以从 Node.js 官网 下载并安装。
  2. 创建新项目：使用以下命令创建一个新的 React 项目：
npx create-react-app my-app
  1. 运行项目：进入项目目录，并运行以下命令启动开发服务器：
cd my-app
npm start
  1. 查看结果：打开浏览器，访问 http://localhost:3000，你应该能看到一个 React 应用程序。

组件

React 应用程序由组件组成。组件可以是一个函数或一个类，用于构建用户界面。

  • 函数组件：使用 JavaScript 函数创建，是最简单的组件类型。
  • 类组件：使用 ES6 类创建，提供了更多的功能，如状态和生命周期方法。
import React from 'react';

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

export default Welcome;

图片

React 也支持在组件中插入图片。

import React from 'react';

function ImageComponent() {
  return (
    <center>
      <img src="https://cloud-image.ullrai.com/q/React_image/" alt="React Image"/>
    </center>
  );
}

export default ImageComponent;

学习资源

希望这个教程能帮助你入门 React！👍