为什么需要更新/更新函数来更新React Relay和Apollo客户端中的本地缓存？
在React Relay和Apollo客户端中，本地缓存是用来存储从服务器获取的数据的。当服务器端的数据发生变化时，为了保持客户端的数据与服务器端的数据同步，需要使用更新函数来更新本地缓存。
更新函数的作用是根据服务器端返回的新数据，更新本地缓存中对应的数据。这样，客户端就能获取到最新的数据，并且保持与服务器端的数据一致性。
更新本地缓存的过程通常分为以下几个步骤：
- 获取服务器端返回的新数据。
- 根据新数据的标识符，找到本地缓存中对应的数据。
- 使用更新函数将新数据与本地缓存中的数据进行合并或替换。
- 更新完成后，客户端就能获取到最新的数据了。
更新本地缓存的好处有以下几点：
- 提高应用性能：通过更新本地缓存，可以避免频繁地向服务器请求数据，减少网络请求的次数，从而提高应用的响应速度和性能。
- 减少服务器负载：更新本地缓存可以减少服务器的负载，因为客户端可以直接从本地缓存获取数据，而不需要每次都向服务器请求数据。
- 支持离线访问：本地缓存可以在客户端离线时提供数据访问的能力，用户可以继续使用应用，查看已经缓存的数据，而不受网络连接的限制。
- 数据一致性：通过更新本地缓存，可以保持客户端的数据与服务器端的数据一致，避免数据不一致导致的错误和混乱。
对于React Relay和Apollo客户端，推荐的腾讯云相关产品和产品介绍链接地址如下：
- 腾讯云云开发（Serverless Framework）：https://cloud.tencent.com/product/tcb
- 腾讯云云原生应用引擎（Cloud Native Application Engine）：https://cloud.tencent.com/product/tcae
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（Tencent Blockchain as a Service）：https://cloud.tencent.com/product/baas
相关·内容
1回答
为什么需要更新/更新函数来更新React Relay和Apollo客户端中的本地缓存？
reactjs、graphql、apollo、relaymodern
我正在考虑使用React Relay或Apollo客户端。我喜欢将GraphQL作为一种查询语言的想法，它可以针对任何应用程序接口或数据存储执行。然而，我感到惊讶的是，在一个简单的变化之后，需要手动(并且必须)更新存储/缓存，比如向列表中添加一个待办事项。下面是updater/update函数的文档：为什么需要自定义<e
浏览 13提问于2018-09-06得票数 2
1回答
ReactJS: Apollo graphql客户端。缓存未在本地更新
reactjs、react-hooks、apollo、react-apollo
所以我有一个简单的待办事项应用程序，它从数据库中存储和获取数据。https://www.apollographql.com/docs/react/data/mutations/ 我从Apollo客户端使用Refetching查询，因为当添加、更新或删除列表时，需要更新前端中的数据请参考此链接，我遵循了他们提到的确切步骤，它按预期工
浏览 47提问于2021-11-02得票数 0
1回答
为什么‘自动存储更新’在react应用程序中的客户端存储上不起作用？
reactjs、graphql、apollo、react-apollo、apollo-client
我使用react-apollo来管理我的react应用程序中的客户端存储，所以没有后端graphql服务器。所有与apollo相关的东西都在客户端运行。我将所有UI状态存储在ApolloClient的缓存中。我还在客户端定义了所有的解析器。, }, }); 我读过这篇
浏览 17提问于2019-06-28得票数 0
1回答
除非重新呈现视图，否则阿波罗-ios更新缓存不起作用。
swift、swiftui、apollo、apollo-ios
}@State var user: UserQuery.Data.User?ScrollView(showsIndicators: false) { } } print("Error: \(error)") }在
浏览 5提问于2022-10-15得票数 0
1回答
Relay vs Redux vs Apollo with GraphQL和React-Native
reactjs、react-native、redux、graphql、relayjs
我必须从头开始一个新的(web +原生)项目(中型应用程序)。由于过多的JS框架和实现，特别是在过去的几年里，我对我通常使用的堆栈有了第二个怀疑。我一直在前端使用react + redux，在后端使用Node和MongoDB，通过REST API进行通信。如果我使用下面的堆栈，有什么优点和缺点
React-Native + React-Native-For-Web + Redux + GraphQL + Node +
浏览 1提问于2017-04-09得票数 28
回答已采纳
3回答
React Apollo:在添加新项时更新列表缓存(带有变量)
reactjs、react-apollo、apollo-client、apollo-cache-inmemory
我很难弄清楚如何更新项目列表(在缓存中)。使用react-apollo创建新项目时。
(在我的例子中) <CreateItemButton />组件没有嵌套在<ListItems />组件中。据我所知，我需要通过我的createItemButton <Mutation />组件中的更新函数来
浏览 4提问于2019-02-05得票数 1
2回答
如何在不推送到服务器的情况下更新中继存储
relayjs、relay
我的React/Relay应用程序中有一个表单，我用它来修改一些字段。我不想每次在输入中键入新字母时都发送服务器更新。我如何使用Relay来支持应用程序状态，而不总是推送到服务器？在阅读了大多数Relay文档之后，我似乎基本上必须将Relay状态复制到表单的本地状态或其他Flux存储中，在那里处理更改它，然后将其提交到Relay中。这看起来似乎有很多额外的</em
浏览 0提问于2016-11-15得票数 3
2回答
在apollo-client中从客户端缓存中删除项目的正确方法
reactjs、typescript、graphql、react-apollo、apollo-client
我在我的React(Typescript)应用程序中使用带有内存缓存的GraphQL和Apollo-Client。缓存根据添加的新项进行更新，工作正常，不会出现错误。当项目被删除时，从GraphQL Apollo服务器后端返回一个字符串，声明成功的删除操作，该操作启动要调用的更新函数，该函数读取缓存，然后通过过滤掉项目的id来修改它。这是使用来自
浏览 61提问于2020-07-30得票数 7
回答已采纳
1回答
当我的useEffect钩子在react-apollo突变后被触发时，我如何解决react中的这个警告？
reactjs、graphql、apollo、react-apollo、react-hooks
我的UI中有一个“卡片”列表，在任何给定的时间只能扩展一张卡片。这个列表有一个react-apollo查询，它监视作业列表并返回一个属性，标记下一个未完成的作业(nextJobId)。每张卡内部都有一个按钮，该按钮触发react-apollo变异，这会更新DB (将job.done设置为true)，进而更新nextJobId属性。我相信正在发生的事情是，在突变完成之前，阿波罗缓存正在被更新<
浏览 17提问于2019-04-10得票数 1
1回答
阿波罗怎么会聪明到知道何时合并而不是添加呢？
graphql、apollo、react-apollo、graphql-js
所以我在我的React Apollo应用程序上有一个表单，可以添加或更新用户。当接收到数据时，如果用户已经存在，Apollo就会知道并正确地合并/规范化数据。如果不是，它不会做任何事情，我需要手动添加它，如下所示： });
this.props.closeCallback(
浏览 7提问于2018-07-26得票数 1
回答已采纳
1回答
无法理解使用带有graphql-ruby gem的ActionCable的GraphQL订阅
ruby-on-rails、ruby、graphql、graphql-subscriptions、graphql-ruby
我正在尝试使用ActionCable和graphql-ruby gem实现GraphQL订阅。
我从这个中了解到，需要创建哪些客户端需要订阅的GraphQL通道。通常，在ActionCable中，我们将在subscribed操作中stream_from所需的通道。但是，链接中的示例指定了一个带参数的execute方法。这个方法什么时候执行？此外，还会声明See Apollo Cli
浏览 2提问于2018-12-24得票数 2
1回答
apollo client 2.0 graphql react身份验证
graphql、apollo、react-apollo、apollo-client
我是apollo/graphql的新手，我正在尝试在一个新建项目中正确完成我的身份验证。我的身份验证提供商是AWS cognito。我写了一个认知助手模块来和它交互。虽然我不太确定如何同步我的apollo客户端和我的身份验证状态。组件处理程序中调用这些函数来处理我的登录。应用布局中，我得到了一个查询currentUser查询的组件UserPanel。我正
浏览 1提问于2017-11-01得票数 1
1回答
如何更新RANGE_ADD突变中的连接节点？
reactjs、graphql、relayjs、relay
摘要：我的问题是，当我使用Relay突变创建一个节点时，突变会在我的数据库中创建记录，但是我的客户端本地数据没有更新，而且查询响应似乎缺少了新的节点。Discussion：我认为RANGE_ADD应该将新的节点ListingRating添加到的本地集合中，这将自动更新连接的节点(Listing和User)。然而
浏览 3提问于2017-01-27得票数 0
1回答
Apollo-保存和删除操作后，客户端状态管理缓存不会自动更新
apollo-client
我使用apollo-client进行graphql调用，同时在apollo-client包中添加了状态管理。在graphql模块中，分配给缓存变量的InMemoryCache和客户端变量是exported.Client变量被导入到组件中，因此在执行默认的get调用后，数据在client.cache.data中可用，但我希望在保存和删除graphql操作成功回调后更新</em
浏览 2提问于2020-05-27得票数 0
1回答
使用Apollo React获取的数据
reactjs、react-apollo
我正在尝试创建一个使用Apollo获取数据的组件。并且该组件具有搜索/过滤功能。并且可以利用本地(当前)数据或在服务器中进行过滤。我不确定如何使用Apollo来处理这两个功能。使用Redux，我可以分派两个独立的操作，最终都会更新Redux存储中的数据。但是我不确定如何访问Apollo中的数据来进行本地过滤(在客户端)。以下是我的组件<
浏览 0提问于2018-12-07得票数 1
2回答
使用writeQuery()方法，阿波罗useQuery钩子不能从缓存中获得更新。看不到错误
javascript、reactjs、graphql、apollo
使用useMutation()后，缓存会更新，但主页组件中的useQuery()不会更新。 我尝试使用不同的fetchPolicy。我可以在Apollo dev工具中看到新的帖子，但页面需要更新才能看到更改 import { FETCH_POSTS_QUERY } from '../react-hooks';
import { useForm } from '
浏览 30提问于2019-10-03得票数 8
2回答
如何在执行多个阿波罗查询和突变后更新本地状态？
reactjs、graphql、react-apollo、apollo-client
我有一个查询来获取我在页面加载时运行的当前登录用户，并且它是从我的最顶层组件之一执行的(也包含了与react路由器匹配的逻辑)： query{ id }`
然后，我在DOM树中嵌套了登录和注销按钮，这两个按钮都触发了将为当前用户设置或取消设置会话的突变。此时，我如何更新应用程序顶部的状态？我读过，它建议
浏览 2提问于2020-05-26得票数 2
回答已采纳
6回答
反应阿波罗错误:不变违规:无法在上下文中找到“客户端”或作为选项传入
reactjs、graphql、apollo、next.js
我正在建设一个项目，使用的反应，阿波罗和Next.js。我试图更新-阿波罗3.1.3的反应，现在我得到了以下错误时，查看该网站。
不变冲突:无法在上下文中找到“客户端”或作为选项传入。将根组件包装在via选项中，或将ApolloClient实例传递给via选项。如果我把react-阿波罗包装降到2.5.8，它就能正常工作，所以我想在2.5到3.x之间有什么变化，但是在react中找不到任何东西--阿波罗或者下一个阿波罗的</e
浏览 4提问于2019-10-20得票数 34
回答已采纳
1回答
Apollo-客户端本地状态缓存竞争条件？
javascript、reactjs、graphql、apollo、apollo-client
因此，我一直试图在React应用程序中使用apollo-boost，通过@client指令在查询中使用缓存来管理我的客户端状态，但我遇到了一些问题。问题是，组件B中的readQuery()在组件A中的writeQuery设置缓存/本地状态的值之前运行，因此组件B读取的值是错误的。我已经通过使用setTimeout来延迟readQuery
浏览 18提问于2019-01-24得票数 0
1回答
如何使用Apollo Graphql React客户端访问本地解析器中的获取策略
reactjs、graphql、apollo、react-apollo
我正在使用React和Apollo Graphql客户端创建一个应用程序。此应用程序必须具有本地解析器，才能从旧版REST API检索数据并将其写入缓存。我对这个解析器的期望是，它将首先尝试从本地缓存中获取数据，如果数据不在本地缓存中，它将从遗留API中获取数据。但是，有时我的应用程序的其他部分也会更新
浏览 9提问于2019-11-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
