React Router v7 已发布。 查看文档
useMatches

useMatches

返回页面上当前路由的匹配项。这对于使用当前路由创建布局抽象非常有用。

function SomeComponent() {
  const matches = useMatches();

  // ...
}

matches 具有以下形状

[
  { id, pathname, data, params, handle }, // root route
  { id, pathname, data, params, handle }, // layout route
  { id, pathname, data, params, handle }, // child route
  // etc.
];

其他资源

文档和示例基于 MIT 许可证