或者

React Router 是 React 应用程序中用于处理路由的库。它允许你为不同的路径定义组件，并可以根据用户的导航来渲染这些组件。

React Router 简介

React Router 是一个基于 React 的路由库，它允许你为单页应用程序（SPA）定义路由。这意味着你可以为不同的 URL 路径定义不同的组件，而不需要每次都重新加载整个页面。

安装 React Router

首先，你需要安装 React Router。你可以使用 npm 或 yarn 来安装它。

npm install react-router-dom

yarn add react-router-dom

使用 React Router

以下是一个简单的例子，展示了如何使用 React Router：

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

const Home = () => <h1>Home Page</h1>;
const About = () => <h1>About Page</h1>;
const NoMatch = () => <h1>404 Not Found</h1>;

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route component={NoMatch} />
    </Switch>
  </Router>
);

export default App;

在这个例子中，我们创建了一个简单的应用程序，它包含一个主页和一个关于页面。我们还定义了一个 NoMatch 组件，用于处理所有未定义的路由。

路由参数

React Router 允许你为路由添加参数。以下是一个例子：

<Route path="/user/:id" component={User} />

在这个例子中，:id 是一个参数，它将被传递给 User 组件。

高级功能

React Router 还提供了许多高级功能，例如：

<Redirect> 组件：用于重定向到另一个路由。
<Link> 组件：用于创建导航链接，而不是使用 <a> 标签。
<Switch> 组件：用于渲染第一个匹配的路由。

扩展阅读

更多关于 React Router 的信息，请访问我们的 React Router 教程。

React Router 是一个强大的库，它可以帮助你创建灵活且响应迅速的 React 应用程序。希望这个简单的介绍能帮助你入门。