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

如果数据在本地会话存储中,Apollo React 应用程序不要进行 GraphQL 调用

如何解决如果数据在本地会话存储中,Apollo React 应用程序不要进行 GraphQL 调用

如果数据不在本地会话存储中,我有一个应用程序会进行 GraphQL 调用。执行此查询后,数据将存储到本地会话存储中。

如果数据已在本地会话存储中,我将无法更新 UI。

代码基本上是这样的:

  const sessionData = window.sessionStorage.getItem('key');
    if (sessionData) {
      // IF DATA IS IN SESSION WRITE IT TO APOLLO CACHE
      client.cache.writeQuery({
        query: QUERY,data: sessionData
      });
        
    // READ THE QUERY IF IN CACHE GRAPHQL CALL WILL NOT HAPPEN IT'LL COME FROM CACHE
    const { data = {} } = useQuery(QUERY,{
      client
    });

这有效,我可以看到 GraphQL 调用从未发生,并且可以从 useQuery 控制台注销数据,它与本地会话存储中的数据相同。

但是 UI 永远不会更新。我怎样才能让 Apollo“广播”对组件的更改。

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