useNavigation

概要

リファレンスドキュメント ↗

現在の Navigation を返します。ナビゲーションが進行中でない場合は、デフォルトで "idle" ナビゲーションになります。これを使用して、保留中の UI (グローバルスピナーなど) をレンダリングしたり、フォームナビゲーションから FormData を読み取ったりできます。

import { useNavigation } from "react-router";
 
function SomeComponent() {
  let navigation = useNavigation();
  navigation.state;
  navigation.formData;
  // etc.
}

シグネチャ

function useNavigation(): Navigation

Returns

現在の Navigation オブジェクト