React Router v7 已发布。 查看文档
useFetchers

useFetchers

返回所有正在进行中的 fetcher 的数组。这对于应用程序中没有创建 fetcher 但希望使用它们的提交来参与乐观 UI 的组件非常有用。

import { useFetchers } from "@remix-run/react";

function SomeComponent() {
  const fetchers = useFetchers();
  fetchers[0].formData; // FormData
  fetchers[0].state; // etc.
  // ...
}

fetcher 不包含 fetcher.Formfetcher.submitfetcher.load,仅包含诸如 fetcher.formDatafetcher.state 等状态。

其他资源

讨论

API

文档和示例在 MIT