微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当数据在缓存中时,Apollo Client client.readQuery 返回 null

如何解决当数据在缓存中时,Apollo Client client.readQuery 返回 null

这一定是用户错误,但我有一个带有简单 currentUser 查询的应用程序,该查询在 JWT 中查找 ID、查找它并返回适当的用户

我可以查看 devtools 并看到它在缓存中作为 __ref:User:19

export const CURRENT_USER_QUERY = gql`
  query{
    currentUser {
      id
      fullName
      email
    }
  }
`

但在我的组件中,当我执行 const { currentUser } = client.readQuery({ query: CURRENT_USER_QUERY }); 时,它(间歇性地)爆炸,因为:

Cannot destructure property 'currentUser' of 'client.readQuery(...)' as it is null.

User:19 存在并且是我需要的所有东西。我点击了重新加载,同样的页面可以工作。

我在客户端将错误策略设置为“全部”。

这是客户端的 3.3.11 版本。 Chrome v88.04,物有所值。反应 17.01。

在这里遗漏了什么吗?如果该项目在缓存中,那不应该同步(并且可靠地)返回一个值吗?

有没有更好的方法来处理这种情况?我正在尝试将此应用程序从将内容存储在 redux 或某些上下文提供程序中移开,因为它已经由 Apollo 处理。由一堆不同的事情来处理这个责任似乎是多余的。

解决方法

我遇到了同样的问题。我是这样修复的:

const existingData = cache.readQuery({
        query: GET_CONTRACT,variables: {
          ...variables,},});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。