在react查询中使用上一个查询中的值

import { useQuery } from 'react-query';

const UserInfo = () => {
  const { data } = useQuery('userInfo', fetchUserInfo);

  if (data) {
    // 渲染用户信息
  }

  return (
    // 渲染加载中状态或错误状态
  );
};

import { useQuery, useQueryClient } from 'react-query';

const UserPosts = () => {
  const queryClient = useQueryClient();
  const userInfo = queryClient.getQueryData('userInfo');

  const { data } = useQuery(['userPosts', userInfo.id], fetchUserPosts);

  if (data) {
    // 渲染用户帖子
  }

  return (
    // 渲染加载中状态或错误状态
  );
};