有依赖的查询 Dependent Queries

依赖查询（或串行查询）取决于先前的查询结果。要实现这一点，只需使用enabled选项就可以告诉查询何时可以运行：

// Get the user
const { data: user } = useQuery({
  queryKey: ["user", email],
  queryFn: getUserByEmail,
});

const userId = user?.id;

// Then get the user's projects
const {
  status,
  fetchStatus,
  data: projects,
} = useQuery({
  queryKey: ["projects", userId],
  queryFn: getProjectsByUser,
  // 直到`userId`存在，查询才会被执行
  enabled: !!userId,
});

projects的查询开始状态如下：

status: "loading";
fetchStatus: "idle";

一旦userId可用，projects的查询将被“启用”（enabled），然后状态转换为：

status: "loading";
fetchStatus: "fetching";

查询完成时，状态变成：

status: "success";
fetchStatus: "idle";