본문으로 건너뛰기

useIsFetching

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

import { useIsFetching } from '@tanstack/react-query'
// How many queries are fetching?
const isFetching = useIsFetching()
// How many queries matching the posts prefix are fetching?
const isFetchingPosts = useIsFetching({ queryKey: ['posts'] })

옵션

  • filters?: QueryFilters: 쿼리 필터
  • queryClient?: QueryClient
    • 사용자 지정 QueryClient를 사용하려면 이를 사용합니다. 그렇지 않으면 가장 가까운 context의 항목이 사용됩니다.

반환값

  • isFetching: number
    • 애플리케이션에서 현재 로드 중이거나 백그라운드에서 가져오는 쿼리의 number가 됩니다.