如何在 React Router v6 上使用 matchPatch 和动态链接

Question

我要匹配的路径是/threats/live/:id

我们有一个组件，我们通常在其中渲染我们的 breadcrumbs，这就是使用 react router v5 构建它们的方式：

const breadcrumbOptions = routes
  .filter((route) => matchPath(pathname, { path: route.link, exact: false }))
  .map((route) => ({
    ...route,
    label: route.breadCrumbtitle,
    onclick: undefined,
}))

对于v6，这似乎不起作用，因为它在url 中查找:id，而是找到实际的id。

我已经尝试了以下方法，但它仍然不适合我

const breadcrumbOptions = routes
  .filter((route) =>
    matchPath(
      { path: pathname, caseSensitive: false, end: false },
      route.link
    )
  )
  .map((route) => ({
    ...route,
    label: route.breadcrumbTitle,
    onclick: undefined,
}))

Answer 1

我认为在 v6 中 matchPath 的函数参数被颠倒了。

你可以试试吗

matchPath(route.link, pathname)

改为？