useMatches

ページ上の現在のルートマッチを返します。これは、現在のルートを使用してレイアウト抽象化を作成するのに役立ちます。

function SomeComponent() {
  const matches = useMatches();
 
  // ...
}

matches は次の形をしています。

[
  { id, pathname, data, params, handle }, // ルートルート
  { id, pathname, data, params, handle }, // レイアウトルート
  { id, pathname, data, params, handle }, // 子ルート
  // など
];

さらなるリソース