欢迎来到 React 指南页面！这里我们将介绍 React 的基础知识、组件开发以及更多高级特性。

快速开始

React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 开发，并广泛应用于各种应用程序中。

安装 React

首先，您需要安装 Node.js 和 npm。然后，您可以使用以下命令创建一个新的 React 应用程序：

npx create-react-app my-app

创建组件

React 中的组件是构建用户界面的基石。以下是一个简单的组件示例：

import React from 'react';

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

export default Welcome;

高级特性

React 提供了许多高级特性，例如：

  • 状态管理：使用 useState 和 useReducer 钩子来管理组件的状态。
  • 生命周期方法：在组件的各个阶段执行特定的操作。
  • 上下文（Context）：在组件树中共享数据。

路由

React Router 是 React 的官方路由库，用于处理应用程序中的路由。

npm install react-router-dom

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
        <Route path="/" exact component={Home} />
      </Switch>
    </Router>
  );
}

学习资源

如果您想深入学习 React，以下是一些推荐资源：

希望这份指南能帮助您开始学习 React！🎉

React Logo