reactjs - 通过定义一个新的客户端来克服执行useQuery(ApolloClient)时的无限循环

Question

我需要在运行“useQuery”时定义“client”，但我会无限循环。

我写的代码如下:

const QueryKTP = gql`
  query {
    documents(transactionId:"${transactionId}", input: [
      {documentType:"KTP"}
    ]){
      documentResponses{
        documentType
        documentBase64
      }
      responseDescription
      responseCode
     message
    }
  }`

const anotherClient = new ApolloClient({
  uri: "https://my-url/online-service/graphql"
});

const { data, loading } = useQuery(QueryKTP, {client: anotherClient});

如果我将上面的脚本更改为如下所示(删除新客户端)，则不再发生循环。

const { data, loading } = useQuery(QueryKTP);

我需要修复什么？谢谢

Answer 1

我终于明白了。我遇到了同样的问题，我通过从渲染函数中排除 new ApolloClient 解决了这个问题。

实际上，我没有从您的代码中看到渲染函数，但就我而言，它是这样的:

之前

export default function MyComponent () {
  const anotherClient = new ApolloClient({
    uri: "https://my-url/online-service/graphql"
  });
  const { data, loading } = useQuery(QueryKTP, {client: anotherClient});
}

之后

const anotherClient = new ApolloClient({
  uri: "https://my-url/online-service/graphql"
});
export default function MyComponent () {
  const { data, loading } = useQuery(QueryKTP, {client: anotherClient});
}

就我而言，它有所帮助。您应该知道，在类似的情况下，只需查看 new 关键字即可。例如，当他们在渲染函数中使用 new Date() 时，人们经常遇到无限循环的相同错误