react-router-dom v6怎么用，步骤都列出来

React Router v6 是 React Router 的最新版本，与之前的版本不兼容。下面是使用 react-router-dom v6 的步骤：

1. 安装 react-router-dom

   npm install react-router-dom@next

2. 导入所需组件

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

3. 在应用程序的根组件中使用 BrowserRouter 组件包装 Routes 组件

   function App() {
     return (
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/about" element={<About />} />
           <Route path="/contact" element={<Contact />} />
         </Routes>
       </BrowserRouter>
     );
   }

4. 在 Routes 组件中添加 Route 组件用于匹配 URL。

5. 在 Route 组件中使用 element 属性来指定要呈现的组件。

6. 使用 Link 组件来创建导航链接

   <nav>
     <ul>
       <li>
         <Link to="/">Home</Link>
       </li>
       <li>
         <Link to="/about">About</Link>
       </li>
       <li>
         <Link to="/contact">Contact</Link>
       </li>
     </ul>
   </nav>

注意：在 react-router-dom v6 中，`<Switch>` 组件已经被 `<Routes>` 组件所取代。同时，`exact` 属性也被移除，路由匹配方式变成了完全匹配。

希望这能够帮助你开始使用 react-router-dom v6!