useFetchers

useFetchers

返回所有正在进行的提取器的数组。这对于整个应用中未创建提取器但想要使用其提交来参与乐观 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 等状态。

其他资源

讨论

• 表单与提取器
• 待处理，乐观 UI

API

• useFetcher
• v3_fetcherPersist