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.
];

附加资源

Docs 和示例在 MIT