React Router Dom V6嵌套URL不工作

Question

实际上我将react路由器dom升级到V6了，我能得到帮助吗所以我修复了主url它可以工作，但带有嵌套链接的url不能

示例/关于作品但是/关于项目/1此处没有提供图像描述

代码：

Answer 1

您可以这样使用它：

<Route
path="service"
element={<ServicePage />}
>
<Route
path="service-details/:id"
element={<ServiceDetails />}
/>
<Route
path="service-details/new"
element={<ServiceDetails />}
/>  
</Route>

别忘了在ServicePage组件中使用<Outlet/>标签

Answer 2

1. 首先可以卸载。-npm卸载反应路由器dom

2. 安装此版本。-npm安装react-router-dom@5.2.0