如果装载时输入数据不可用，如何使用trpc查询

Question

我有一个带有对话列表的组件，我想在点击时加载一个特定的对话。问题是，我必须在装载时初始化第二个trpc查询，而且我还没有所需的数据。任何帮助都是高度优先的。

Answer 1

您需要使用useQuery:的enabled标志

const requiredDataIsAvailable = false
trpc.useQuery(['todos'], {
// query will only fetch data if the following variable evaluates to true
enabled: requiredDataIsAvailable,
})

只有当enabled是true(=您获得了查询所需的数据(时，它才会从服务器获取数据。

文件：

• https://tanstack.com/query/v4/docs/guides/disabling-queries
• https://trpc.io/docs/react-queries