쿼리 비활성화

비공식 베타 번역

이 페이지는 PageTurner AI로 번역되었습니다(베타). 프로젝트 공식 승인을 받지 않았습니다. 오류를 발견하셨나요? 문제 신고 →

쿼리를 비활성화하려면 useQuery 또는 useInfiniteQuery의 첫 번째 인수로 skipToken을 전달하면 됩니다. 이렇게 하면 쿼리가 실행되지 않습니다.

skipToken을 활용한 타입 안전 조건부 쿼리

tsx
import { skipToken } from '@tanstack/react-query';
export function MyComponent() {
const [name, setName] = useState<string | undefined>();
const result = trpc.getUserByName.useQuery(name ? { name: name } : skipToken);
  return (
    ...
  )
}

tsx
import { skipToken } from '@tanstack/react-query';
export function MyComponent() {
const [name, setName] = useState<string | undefined>();
const result = trpc.getUserByName.useQuery(name ? { name: name } : skipToken);
  return (
    ...
  )
}