Désactivation des requêtes

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Pour désactiver les requêtes, vous pouvez passer skipToken comme premier argument à useQuery, useInfiniteQuery et useSubscription. Cela empêchera l'exécution de la requête.

Requêtes conditionnelles typesafe avec skipToken

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

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