Question

我有一个有趣的情况。

我想使用Apollo本身（也称为突变）发起刷新令牌请求

任何想法，如何实现这样的目标？

export default new ApolloClient({
  link: ApolloLink.from([
    onError(({ graphQLErrors, networkError, operation, forward }) => {
      // useMutation(REFRESH_ACCESS_TOKEN)
    }),
  ]),

  new HttpLink({...}),
})

基本上，我只是在创建新的ApolloClient实例时尝试在useMutation(REFRESH_ACCESS_TOKEN)内onError。

问题： Invalid hook call. Hooks can only be called inside of the body of a function component.

谢谢。

Answer 1

您不能在功能性React组件外部使用钩子。您可以直接使用客户端进行查询和更改-请记住，以这种方式运行的任何查询都是无法观察到的（即，如果缓存发生更改，则不会更新）。

const client = new ApolloClient({
  link: ApolloLink.from([
    onError(({ graphQLErrors, networkError, operation, forward }) => {
      client.mutate({ mutation, variables })
        .then(({ data }) => {
          console.log(data)
        })
        .catch((error) => {
          console.log(error)
        })
    }),
    new HttpLink({...}),
  ]),
})

export default client

Apollo React-ApolloClient设置中的`useMutation`吗？

1 个答案: