React/库/React_Router

React Router 是一个基于 React 的库，用于处理客户端路由。它允许你在单页应用（SPA）中定义路由，并渲染相应的组件。

主要功能

• 声明式路由：使用 <Route> 组件来定义路由和对应的组件。
• 动态路由匹配：通过使用路径参数，可以匹配更灵活的路由。
• 路由嵌套：可以在子路由中定义嵌套路由。
• 路由跳转：使用 this.props.history.push() 或 Link 组件进行页面跳转。

使用方法

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

function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
          </ul>
        </nav>

        {/* A <Switch> looks through its children <Route)s and
            renders the first one that matches the current URL. */}
        <Switch>
          <Route path="/about">
            <AboutPage />
          </Route>
          <Route path="/">
            <HomePage />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

更多关于 React Router 的信息，请访问React Router 官方文档。

React Router 示例