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