useFetchers

返回所有正在运行的获取器的数组。这对于整个应用中未创建抓取器但希望使用其提交来参与乐观 UI 的组件很有用。

¥Returns an array of all in-flight fetchers. This is useful for components throughout the app that didn't create the fetchers but want to use their submissions to participate in an optimistic UI.

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

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

fetcher 不包含 fetcher.Form、fetcher.submit 或 fetcher.load，只包含 fetcher.formData、fetcher.state 等状态。

¥The fetchers don't contain fetcher.Form, fetcher.submit, or fetcher.load, only the states like fetcher.formData, fetcher.state, etc.

其他资源

¥Additional Resources

讨论

¥Discussions

• 表单 vs. 获取器

  ¥Form vs. Fetcher

• 待定，乐观的 UI

  ¥Pending, Optimistic UI

API

• useFetcher

• v3_fetcherPersist