useFetchers

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

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

フェッチャーには、fetcher.Formfetcher.submit、または fetcher.load は含まれておらず、fetcher.formDatafetcher.state などの状態のみが含まれています。

追加リソース

ディスカッション

API