我如何在 React 中的第二个 API 调用中使用一个 API 的结果？

Question

例如，我有一个 FindDogInfo，它接受一个 dog_id 和 returns 一个 medical_record_id，我还有一个名为 GetDogMedicalRecord 的 API，它接受 medical_record_id.

如何使用获取 FindDogInfo 返回的 medical_record_id 并在调用 GetDogMedicalRecord 时使用它？

在我正在处理的项目中，来自 react-query 的 useQuery 挂钩通常包装一个 API 调用并公开为“UseFindDogInfo”。有没有一种方法可以使用来自一个 API 的数据来使用 react-query 查询另一个 API 特征？

Answer 1

您正在寻找 dependent queries:

 // Get the user
 const { data: user } = useQuery(['user', email], getUserByEmail)
 
 const userId = user?.id
 
 // Then get the user's projects
 const { isIdle, data: projects } = useQuery(
   ['projects', userId],
   getProjectsByUser,
   {
     // The query will not execute until the userId exists
     enabled: !!userId,
   }
 )

我如何在 React 中的第二个 API 调用中使用一个 API 的结果？

How do I use the result of one API in a second API call in React?

reactjs

react-hooks

react-query