//可以配置全局的queryClient,也可以单独在每一个hook中的useQuery()里面配置constconfig={defaultOptions:{queries:{retry:3,//配置请求重试,默认为3次gcTime:300_000,//garbage collect 以前叫 cacheTime 表示的是没有观察者后多少毫秒后被回收,默认为5分钟staleTime:10*1000,//确定数据需要多新鲜;表示每次请求...
Support for queryOptions is done, and will be opening a PR and merging soon. I also have a rough proof of concept for type-safe query key factories, but it still needs quite a bit of work, so this will come a bit later. I'm not super sure about providing an entirely managed approa...
数据请求逻辑,需返回一个 Promise options(可选) 额外配置项,可用来设置缓存时间、重试次数等 它的返回值是一个对象,常用的属性主要有: status 当前数据请求的状态,具体有idle、loading、error、success。此外,也可用isIdle、isLoading、isError、isSucess几个 flag 属性快速判断当前状态 error 数据请求 Promise 失败时...
queryFn:用于请求的方法,如果在QueryClient中配置了,这里可以不必再写,需要返回请求完成后所处理的数据。 除了这两项基本的参数,useQuery还可以传入上面defaultOptions的所有参数,来表示对这个请求单独的配置。 然后useQuery会返回一个对象,里面包含着请求相关的所有信息,这些信息会随着请求的进度而改变,就无须我们再使用...
defaultOptions: { queries: { // A: 全局设置 staleTime: 1000 * 15, // 15秒数据才过期 }, }, }); // B: 批量局部设置 queryClient.setQueryDefaults(todoKeys.list(), { staleTime: 1000 * 60 }); // 60秒数据设置成过期 // C:对某一个Query设置 ...
options: 配置项,通过这个参数可以配置很多的内置功能,比如 网络恢复时自动query、窗口失焦后获得焦点自动query、错误自动重试、缓存过期时间等等 包括上面提到的queryFunc执行时机,就可以通过配置enabled为false来避免调用,可以用于实现一些有前置数据依赖的场景
您需要做的只是设置enabled: false,query options然后在数据准备好时将其设置为 true。const RouterController = () => { const { data: updatedUser, isLoading, error: fetchError } = useQuery( "user", FetchCurrentUser, { ...
: DefaultOptions; }) queryCache: 请求缓存相关配置 mutationCache: 数据修改缓存相关配置 logger: 日志相关配置 defaultOptions:请求基础配置 其中defaultOptions用于配置项目中useQuery请求的管理,常用的配置如下: staleTime: 重新获取数据的时间间隔 默认0 cacheTime: 数据缓存时间 默认 1000 60 5 5分钟 retry: ...
mutationOptions({ context: { cache: true }, // Provide client context if needed // additional options... })) mutation.mutate({ name: 'Earth' }) const queryClient = useQueryClient() // Invalidate all planet queries queryClient.invalidateQueries({ queryKey: orpc.planet.key(), }) // ...
Queries options 配置对象就是第3个参数,它是一个对象,这个配置对象在useQueries,useInfiniteQuery中也相同,这个对象有数十个参数可供配置,这里我只挑其中几个在代码中注释说明。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 constreturns=useQuery(queryKey,queryFn?,{enabled,//默认为true,表示自动请求,...