useIsFetching

function useIsFetching(filters?, queryClient?): number;

정의 위치: preact-query/src/useIsFetching.ts:44

useIsFetching은 애플리케이션이 로드 중이거나 다음 상태인 쿼리의 number를 반환하는 선택적 훅입니다 백그라운드에서 가져오는 중입니다(앱 전체 로딩 표시기에 유용합니다).

매개변수

filters?

QueryFilters<readonly unknown[]>

일치하는 쿼리의 범위를 좁히는 QueryFilters입니다.

queryClient?

QueryClient

사용자 지정 QueryClient를 사용하려면 이를 사용합니다. 그렇지 않으면 가장 가까운 컨텍스트의 항목이 사용됩니다 사용됩니다.

반환값

number

애플리케이션이 현재 로드하거나 가져오는 쿼리의 number가 됩니다. 백그라운드.

예시

import { useIsFetching } from '@tanstack/preact-query'

function PostsFetchingIndicator() {
  // How many queries matching the posts prefix are fetching?
  const isFetchingPosts = useIsFetching({ queryKey: ['posts'] })

  return isFetchingPosts ? <span>Refreshing posts...</span> : null
}

화면에 표시된 쿼리뿐만 아니라 백그라운드에서 가져오는 모든 쿼리를 위한 전역 로딩 표시기:

import { useIsFetching } from '@tanstack/preact-query'

function GlobalLoadingIndicator() {
  const isFetching = useIsFetching()

  return isFetching ? (
    <div>Queries are fetching in the background...</div>
  ) : null
}