invalidateQueries

非公式ベータ版翻訳

このページは PageTurner AI で翻訳されました（ベータ版）。プロジェクト公式の承認はありません。 エラーを見つけましたか？ 問題を報告 →

これはqueryClient.invalidateQueries()を呼び出すための型安全なラッパー関数で、渡された引数を使って単純にqueryClient.invalidateQueries()を実行します。より細かい制御が必要な場合はreact-queryのドキュメントを参照してください。

コード例

tsx
import { trpc } from '../utils/trpc';
// In component:
const utils = trpc.useUtils();
const mutation = trpc.useMutation('post.edit', {
  onSuccess(input) {
    utils.invalidateQueries(['post.all']);
    utils.invalidateQueries(['post.byId', input.id]);
  },
});

tsx
import { trpc } from '../utils/trpc';
// In component:
const utils = trpc.useUtils();
const mutation = trpc.useMutation('post.edit', {
  onSuccess(input) {
    utils.invalidateQueries(['post.all']);
    utils.invalidateQueries(['post.byId', input.id]);
  },
});