Apollo React - ApolloClient 设置中的"useMutation"?

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