useIsFetching

function useIsFetching(
   host,
   filters,
   queryClient?): IsFetchingAccessor;

정의 위치: packages/lit-query/src/useIsFetching.ts:147

일치하는 쿼리가 몇 개인지 추적하는 Lit 반응형 컨트롤러를 생성합니다 현재 가져오는 중입니다.

filters가 함수인 경우 host 업데이트 중에 다시 읽으므로 개수는 반응형 호스트 상태를 따를 수 있습니다. queryClient를 생략하면 컨트롤러는 가장 가까이 연결된 QueryClientProvider에서 클라이언트를 이행합니다.

매개변수

host

ReactiveControllerHost

캐시를 소유하는 Lit 반응형 컨트롤러 호스트 구독.

필터

Accessor<QueryFilters<readonly unknown[]>> = {}

쿼리 필터 또는 쿼리 필터를 반환하는 게터입니다.

queryClient?

QueryClient

선택적인 명시적 query client입니다. 다음을 위해 이를 제공하십시오 Lit 컨텍스트에서 클라이언트를 확인하면 안 되는 컨트롤러입니다.

반환값

IsFetchingAccessor

현재 가져오는 중이며 일치하는 쿼리 수를 제공하는 접근자입니다.

예시

import { LitElement, html } from 'lit'
import { useIsFetching } from '@tanstack/lit-query'

class TodosStatus extends LitElement {
  private readonly todosFetching = useIsFetching(this, {
    queryKey: ['todos'],
  })

  render() {
    return html`<span>${this.todosFetching()} active todo fetches</span>`
  }
}