React Router 简介

React Router 是一个基于 React 的路由库，用于构建单页应用程序（SPA）。它允许你为应用程序的不同部分定义路径，并渲染相应的组件。

特点

基于 React 的组件：React Router 使用 React 组件来定义路由，这使得它非常灵活和易于使用。
动态路由：你可以定义动态路由，以匹配 URL 中的参数。
导航守卫：React Router 提供了导航守卫，允许你在路由变化之前执行一些操作，比如验证用户身份。

使用方法

要使用 React Router，首先需要安装它：

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="/" component={Home} />
        <Route component={NotFound} />
      </Switch>
    </Router>
  );
}

在上面的代码中，我们定义了三个路由：首页、关于页面和联系页面。如果用户访问的路径不匹配这些路由，则会显示一个 404 页面。

扩展阅读

想要了解更多关于 React Router 的信息，可以阅读官方文档：React Router 官方文档.