useIsMutating

function useIsMutating(
   host,
   filters,
   queryClient?): IsMutatingAccessor;

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

일치하는 뮤테이션 수를 추적하는 Lit 반응형 컨트롤러를 생성합니다 현재 대기 중입니다.

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

매개변수

host

ReactiveControllerHost

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

필터

Accessor<MutationFilters<unknown, Error, unknown, unknown>> = {}

뮤테이션 필터 또는 뮤테이션 필터를 반환하는 getter입니다.

queryClient?

QueryClient

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

반환값

IsMutatingAccessor

일치하는 대기 중 뮤테이션의 현재 개수를 반환하는 접근자입니다.

예시

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

class MutationStatus extends LitElement {
  private readonly savesPending = useIsMutating(this, {
    mutationKey: ['save-project'],
  })

  render() {
    return html`<span>${this.savesPending()} saves pending</span>`
  }
}