React Router v6 简介

React Router 是 React 应用的官方路由库，它使得用户可以构建单页应用（SPA）中的导航。v6 版本在 v5 的基础上进行了许多改进和重构，使得路由更加灵活和易于使用。

主要特点

模块化: React Router v6 采用模块化的设计，使得用户可以只引入需要的功能。
基于 hooks: 使用 React hooks（如 useLocation, useParams, useNavigate 等）来简化路由逻辑。
新的路由配置方式: 使用 createRouter 和 createRoutesFromElements 来配置路由。

快速开始

首先，你需要安装 React Router v6：

npm install react-router-dom

然后，在你的组件中使用路由：

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

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

      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </Router>
  );
}

function Home() {
  return <h1>Home Page</h1>;
}

function About() {
  return <h1>About Page</h1>;
}

export default App;

更多详细信息，请参考 React Router v6 文档。

React Router v6 简介

主要特点

快速开始

相关资源