RTK 查询中的链 2 查询

Question

如果第二个查询需要第一个查询返回的参数，那么链接查询的正确方法是什么？

const { data: user } = useGetUserQuery();

用户对象包含一个用于运行的ID

const { data: userBio} = useGetUserBioQuery(user.id);

如何确保第二个仅在第一个完成后才运行？

Answer 1

您可以使用

skip

选项：

const { data: user, isFulfilled: userFulfilled } = useGetUserQuery();
const { data: userBio} = useGetUserBioQuery(user.id, { skip: !userFulfilled });

或者

skipToken

：

import { skipToken } from '@reduxjs/toolkit/query/react'

const { data: user, isFulfilled: userFulfilled } = useGetUserQuery();
const { data: userBio} = useGetUserBioQuery(userFulfilled ? user.id : skipToken);

Answer 2

RTK 查询文档的使用部分还提供了另一个示例，介绍如何将多个请求与一个查询结合起来，我发现该示例对于该用例非常有用：

https://redux-toolkit.js.org/rtk-query/usage/customizing-queries#performing-multiple-requests-with-a-single-query

Answer 3

我们可以使用

skip

 标志来确定是否有用户 ID 

const { data: user } = useGetUserQuery();
const { data: userBio} = useGetUserBioQuery(user.id, { skip: !user.id });