useIsFetching
TypeScript
1function useIsFetching(filters?: Accessor<Omit<QueryFilters<readonly unknown[]>, "fetchStatus">>, queryClient?: Accessor<QueryClient>): Accessor<number>;定义于:packages/solid-query/src/useIsFetching.ts:27
useIsFetching 原语返回你的应用当前正在加载或后台拉取(fetching)的查询(queries)数量,适用于全局加载指示器等场景。
参数
filters?
Accessor<Omit<QueryFilters<readonly unknown[]>, "fetchStatus">>
一个返回 QueryFilters 的访问器(accessor),用于缩小匹配的查询范围。
filters 属性
基于 QueryFilters 构建。具体可修改的字段请参阅上方类型定义。
queryClient?
Accessor<QueryClient>
一个自定义 QueryClient 的访问器。若未提供,则使用离当前作用域最近的上下文中的 QueryClient。
返回值
Accessor<number>
一个访问器,用于获取你的应用当前正在加载或后台拉取的查询数量。
示例
TypeScript
1import { useIsFetching } from '@tanstack/solid-query'2 3function GlobalLoadingIndicator() {4 // How many queries matching the posts prefix are fetching?5 const isFetchingPosts = useIsFetching(() => ({ queryKey: ['posts'] }))6 7 return isFetchingPosts() > 0 ? <span>Loading posts...</span> : null8}