React routerV6

React Router V6是React Router的最新版本，它提供了一种简单的方法来管理React应用程序中的路由。以下是React Router V6的一些新特性：

1. 新的<Routes>组件：<Routes>组件是React Router V6中的新组件，它可以让你更容易地定义嵌套路由。

2. 新的<Route>组件：<Route>组件是React Router V6中的新组件，它可以让你更容易地定义路由。

3. 新的<Link>组件：<Link>组件是React Router V6中的新组件，它可以让你更容易地定义链接。

4. 新的<Outlet>组件：<Outlet>组件是React Router V6中的新组件，它可以让你更容易地定义嵌套路由。

以下是一个使用React Router V6的例子：

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

const Home = () => {
  return (
    <div>
      <h1>Home</h1>
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
        </ul>
      </nav>
      <Outlet />
    </div>
  );
};

const About = () => {
  return (
    <div>
      <h1>About</h1>
      <p>This is the about page.</p>
    </div>
  );
};

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

export default App;