ReactJS:Apollo graphql 客户端。缓存不在本地更新

Posted

技术标签:

【中文标题】ReactJS:Apollo graphql 客户端。缓存不在本地更新【英文标题】:ReactJS: Apollo graphql client. Cache not updating locally 【发布时间】:2021-12-16 16:17:03 【问题描述】:

所以我有一个简单的待办事项应用程序,它可以存储和从数据库中获取数据。

https://www.apollographql.com/docs/react/data/mutations/

我使用从 Apollo 客户端重新获取查询,因为当添加、更新或删除列表时,我的前端中的数据需要更新。请参考此链接,我按照他们提到的确切步骤进行操作,它按预期工作,我可以在 Apollo In memory Cache 中看到我的更新值。

但我的问题是反应前端应用程序没有更新列表,当我将数据作为依赖数组传递时,它可以工作并且数据正在更新,但进入无限循环并且滞后非常糟糕。我很确定我以正确的方式获取数据并正确使用了 useEffect,我认为我不需要将数据添加为依赖数组,但我不确定是否让我知道我错了。

我在这里缺少任何步骤吗? 我从 useEffect 获取数据,内存缓存已更新,我正在重新获取查询,正如他们在 apollo 客户端中所说的那样,我可以看到开发工具中的缓存已更新,但为什么我的前端没有更新?

【问题讨论】:

请提供一些代码来说明您是如何获取数据的 【参考方案1】:

React-> 中有一个简单的规则来更新任何需要在屏幕上重新渲染的内容。所以,检查这是否是一个问题。 您也可以分享您的 React 代码以了解更多关于问题所在。

【讨论】:

以上是关于ReactJS:Apollo graphql 客户端。缓存不在本地更新的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS + Apollo 客户端 CORS 问题

Reactjs,Apollo 客户端存储问题

ReactJS/Javascript/Graphql/React-apollo:传递查询变量

ReactJS/Javascript/Graphql/React-apollo:无法读取未定义的属性“正在加载”

ReactJS/Apollo/Graphql:使用 @skip 阻止 data.refetch 直到单击 onSubmit 但重新获取仍然可用

Apollo GraphQl 模型属性未访问 ReactJs 中的对象