React Router v7 ドキュメント 日本語版

English

useFetchers

概要

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

実行中のすべてのFetcherの配列を返します。これは、フェッチャーを作成しなかったが、楽観的なUIに参加するためにそれらの送信を使用したいアプリ全体のコンポーネントに役立ちます。

import { useFetchers } from "react-router";
 
function SomeComponent() {
  const fetchers = useFetchers();
  fetchers[0].formData; // FormData
  fetchers[0].state; // etc.
  // ...
}

シグネチャ

function useFetchers(): (Fetcher & {
  key: string;
})[]

戻り値

実行中のすべてのFetcherの配列を返します。各要素は一意の key プロパティを持ちます。