useFetchers

useFetchers

摘要

参考文档 ↗

返回所有进行中的 Fetcher 数组。这对于应用中那些没有创建 fetcher 但希望使用其提交内容来实现乐观 UI 的组件非常有用。

import { useFetchers } from "react-router";

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

签名

function useFetchers(): (Fetcher & {
  key: string;
})[]

返回

一个包含所有进行中的 Fetcher 的数组,每个 fetcher 都有一个唯一的 key 属性。

文档和示例 CC 4.0
编辑