跳至主内容
版本:11.x

禁用查询

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

要禁用查询,您可以将 skipToken 作为第一个参数传递给 useQueryuseInfiniteQueryuseSubscription。这将阻止查询的执行。

使用 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>
);
}