如何将首个GraphQL查询获取的参数传入第二个GraphQL查询

你的需求完全可实现，优先选择无同步成本的单查询方案，根据业务场景可选以下实现方式： #

方案1：合并为单个查询（推荐，无同步问题） #

这是最适配「同时展示、同步更新」要求的方案，不需要拆成两次HTTP请求，天然不存在数据先后加载、状态不一致的问题。
首先纠正你现有查询的语法问题：GraphQL标识符（字段名、变量名）不能包含空格，你写的image id、$image id都是非法格式，需要调整为驼峰格式如imageId。
如果你要查询的imageName本身就是用户地址关联图片的属性，根本不需要额外传参，直接在嵌套查询里补全需要的字段即可，服务端resolver会自动根据父级关联的imageId返回对应数据，示例写法：

query GetUserAndImageInfo {
  users {
    name {
      address {
        image {
          id
          name
        }
      }
    }
  }
}

如果两个查询分属不同根字段，直接把需要的根字段写在同一个查询操作里即可，参数统一在查询发起时传入即可。 #

方案2：客户端状态联动+依赖触发（适合查询拆分在不同模块的场景） #

如果因为业务模块拆分，两个查询必须独立维护，就通过客户端状态做参数传递，配合依赖触发逻辑保证同步：

• 第一个查询设置为页面加载时主动触发，请求成功后，从返回结果中提取imageId，存入客户端本地状态（可以是组件状态、全局状态，或是Apollo/URQL/Relay等GraphQL客户端的本地缓存）
• 第二个查询默认跳过触发，配置为仅当状态中存在合法的imageId时才发起请求，把状态里的imageId作为查询变量传入，修正后的第二个查询写法如下：

  query GetUserImageInfo($imageId: ID!) {
    user {
      address {
        image(imageId: $imageId) {
          id
          name
        }
      }
    }
  }
  

• 统一管理两个查询的加载、错误状态：只要任意一个请求处于加载中就展示统一加载态，任意一个请求报错就展示统一错误提示，两个请求全部返回成功后再同时渲染所有内容，即可满足同步更新的要求。

如果你使用主流GraphQL客户端，不需要手动写状态监听逻辑：比如Apollo Client可以直接通过useQuery的skip配置项实现依赖触发，配合Suspense边界可以自动等待两个请求都完成后再渲染组件，减少手动维护状态的成本。 #

注意事项 #

• 不要把两个查询做成无依赖的并行请求，必须保证第二个查询发起时已经拿到合法的imageId，避免参数缺失报错
• 只要业务逻辑允许，优先选择单查询合并方案，比拆分请求减少一次HTTP开销，完全没有数据不同步的风险

内容的提问来源于stack exchange，提问作者ni_na