使用Apollo Client设置缓存交互方式，实现进入页面自动刷新

最新推荐文章于 2024-08-07 14:57:34 发布

F-ZERO-F

最新推荐文章于 2024-08-07 14:57:34 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/sun_DongLiang/article/details/87970223

版权

本文探讨如何在React Native项目中利用Apollo Client管理缓存，特别是通过设置`skip`属性来绕过缓存，确保每次进入页面时都能从服务器获取最新数据。解释了`query`和`readQuery`的区别，并详细介绍了如何在特定场景下更改缓存交互模式，以实现页面自动刷新功能。

摘要由CSDN通过智能技术生成

在前面的文章中描述了cache在react native中的作用。React Native项目使用react-apollo实现更新缓存的两种方式。在这篇文章中描述了使用react-apollo进行管理缓存的两种方式。
query和readQuery的区别

query的数据查询来源有两个：
1：服务器
2：缓存
readQuery的数据查询来源只有一个：
1：缓存

例如在首次进入A页面时他是使用react-apollo的Query组件从服务器查询，等到第二次进入时他不会再次从服务器中获取数据，而是从cache中获取数据。
但是在有些场景中，我们必须要实现一进入页面就自动刷新获取服务器中数据。因此必须设法将query从cache中获取数据这个途径给切断，让他始终从服务器获取数据。此时就可以实现一进入页面就会自动下拉刷新。
官网中已经给出了相应的解决办法：
在这里插入图片描述
绕过缓存：在特殊环境下，你可以根据特定的需要设置不一样的策略。
针对fetchPolicy的描述下面有我在官网中找到的描述