Apollo客户端-从缓存读取

Question

反应阿波罗客户端应用程序。我试图使用readQuery从缓存中读取数据，但无法读取缓存字段。

这里有一个纲要：

组件SinglePost调用useQuery，它执行我的GET_POST查询并缓存结果。GET_POST查询返回类型Post！。一切都很好，开发工具显示ROOT_QUERY包含一个名为getPost的字段和该帖子。

const { loading, data } = useQuery(GET_POST, {
    variables: {
      postID,
    }
});

SinglePost有一个子组件DeleteButton，它会在单击时删除评论。它调用useM0016并删除评论。DELETE_COMMENT查询返回类型Comment！。

const [deleteComment] = useMutation(DELETE_COMMENT, {
    variables: {
      postID,
      commentID,
    },
});

Post有一个注释数组，现在我需要在缓存中更新它的数组并删除已删除的注释。我使用deleteComment突变中的update函数来获取缓存对象并使用readQuery从中获取getPost字段，但它返回null，即使它存在于开发工具中。

update(cache, result) {
  const cacheData = cache.readQuery({
    query: GET_POST,
  });
  // code that doesn't run because cacheData is null
}

我怀疑当通过返回Post类型的突变来突变帖子时，它成功地读取了getPost字段，但当突变查询返回Comment类型时，它无法在其突变挂钩中读取getPost...因为没有引用Post类型？

目前我使用refetchQueries作为解决方法。我不喜欢对服务器进行额外的调用，但我流畅的大脑就是无法解决这个问题。感谢任何帮助。

Answer 1

哎呀，从来没有向查询传递过变量。

update(cache, result) {
  const cacheData = cache.readQuery({
    query: GET_POST,
    variables: {
      postID
    }
  });
}