问题描述
这一定是用户错误,但我有一个带有简单 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,},});