React函数组件多个Apollo Client useLazyQuery钩子第二个不生效问题

• GraphQL operation 名称重复
  检查validateSessionToken和validateSessionTokenWhenSending两个GraphQL查询的操作名是否一致，若两个查询使用了相同的operation name，Apollo Client会基于操作名+参数做请求去重和缓存复用，第二个请求会被识别为重复请求，不会触发实际网络调用，也不会执行onCompleted回调。
  解决方法：给两个查询设置唯一的操作名，比如第一个设为query ValidateSessionOnMount { ... }，第二个设为query ValidateSessionOnSend { ... }。
• Apollo Client 版本已知BUG
  3.0.0 ~ 3.4.0版本的Apollo Client存在同组件内多个useLazyQuery调用冲突的问题，单独调用正常、同时引入后第二个失效是典型表现。
  解决方法：升级Apollo Client到3.5.0及以上稳定版本即可修复。
• 全局错误拦截终止了请求流程
  如果你配置了Apollo Client全局onError拦截器，且对特定错误做了终止传播的处理，第二个请求如果触发了被拦截的错误，会直接终止执行流程，不会触发onCompleted回调，看起来就像没有执行一样。
  解决方法：给第二个useLazyQuery添加onError回调确认是否有报错：

  const [validate, { loading: loading2, error: error2, data: data2 }] =
    useLazyQuery(validateSessionTokenWhenSending, {
      onCompleted: (data2) => console.log('data2', data2),
      onError: (err) => console.log('第二个请求错误：', err)
    });
  

• 缓存策略命中导致无网络请求
  若全局配置了fetchPolicy: 'cache-first'，且两个查询的返回字段、参数高度重合导致缓存key计算重复，第二个请求会直接读取缓存返回，不会触发网络请求。
  解决方法：给第二个useLazyQuery单独设置fetchPolicy: 'network-only'验证：

  const [validate, { loading: loading2, error: error2, data: data2 }] =
    useLazyQuery(validateSessionTokenWhenSending, {
      fetchPolicy: 'network-only',
      onCompleted: (data2) => console.log('data2', data2),
    });
  

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