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.Form
、fetcher.submit
或 fetcher.load
,仅包含诸如 fetcher.formData
、fetcher.state
等状态。
讨论
API