Apollo Client (React)：可以从查询对象中获取规范化数据吗？
Apollo Client是一个用于管理GraphQL状态的JavaScript库，它可以与React框架无缝集成。通过Apollo Client，我们可以从查询对象中获取规范化数据。
规范化数据是指将GraphQL查询结果以一种标准化的方式存储在客户端的缓存中。这样做的好处是，当其他组件或查询需要相同的数据时，可以直接从缓存中获取，而不需要再次向服务器发送请求。这种缓存机制可以提高应用程序的性能和响应速度。
在Apollo Client中，规范化数据是通过使用一个称为"缓存"的对象来实现的。缓存对象是一个存储GraphQL查询结果的数据结构，它以一种标准化的方式组织数据，并提供了一些API来查询、更新和删除数据。
通过Apollo Client的查询功能，我们可以从缓存中获取规范化数据。当我们发送一个GraphQL查询请求时，Apollo Client会首先检查缓存中是否已经存在该查询的结果。如果存在，它会直接从缓存中获取数据，并将其返回给我们。如果缓存中不存在该查询的结果，Apollo Client会向服务器发送请求，并将返回的数据存储在缓存中，以便后续使用。
总结起来，Apollo Client可以从查询对象中获取规范化数据，这使得我们可以高效地管理和利用GraphQL查询结果，提高应用程序的性能和用户体验。
推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款支持云原生开发的全托管服务，提供了丰富的后端能力和开发工具，可以帮助开发者快速构建和部署云端应用。腾讯云云开发支持React等前端框架，并提供了与Apollo Client类似的缓存机制，可以方便地管理和获取规范化数据。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
react-apollo的Query.data对象以嵌套形式提供数据，如下所示： "findUser": [ "__typename": "User",quas ut commodi laboriosam." ] ] ]我有一个需要规范化形式的数据的用
浏览 3提问于2018-07-29得票数 1
回答已采纳
1回答
阿波罗与残存
、、、
我集成了，以便将数据从GraphQL服务器获取到我的react本机应用程序中。我使用 redux 来持久化和重新补充redux存储。有人知道我是怎么做到的吗？
浏览 3提问于2017-03-29得票数 5
回答已采纳
2回答
我目前正在做一个项目，该项目需要我进行多个查询/突变。我尝试使用BatchHttpLink设置我的阿波罗客户端，我可以在浏览器的网络选项卡中看到我所请求的数据。它返回的是对象数组，而不是JSON。但问题是，当我尝试获取组件数据中的数据时，数据是未定义的。我尝试使用HttpLink而不是BatchHttpLink，我可以从钩子中获取数据。
浏览 57提问于2020-07-24得票数 0
我已经开始使用GraphQL server和Apollo client了。代码是用Reactjs编写的。现在，我希望使用任何查询从GraphQL服务器获取数据，并将数据显示到UI中的表中。我使用npm react-table处理表格。
如果查询响应没有数组，我可以很容易地获取和显示数据。，我不知道如何获取数据
浏览 3提问于2018-01-09得票数 1
回答已采纳
我目前正在尝试使用React和Apollo创建一个应用程序。在上下文中找不到"client“或作为选项传入。将根组件包装在中，或者通过选项传递一个ApolloClient实例。/reportWebVitals';import { client } from './
浏览 0提问于2021-01-14得票数 1
1回答
我在试着从阿波罗高速缓存中获取数据。我知道数据在那里，因为在Apollo开发工具中，指定的记录是可用的。在我的react应用程序中，我做了一个简单的点击并设置Id，然后将Id传递给查询。从client.readQuery(...)得到的结果是null。我转来转去，因为我不知道为什么。我使用代码的方式与文档中的完全相同。{
Recruit(_id: $id)
浏览 17提问于2021-06-07得票数 2
回答已采纳
我试着从react应用程序中建立graphql连接。我的index.js：import ReactDOM from 'react-dom';import { ApolloProvider } from '@apollo/client'
import
浏览 7提问于2022-04-01得票数 2
回答已采纳
2回答
以下是我的要求： 1)如果app是online，请从服务端获取详细信息。 2)如果app为offline，请从本地存储中获取详情。 我可以让每个条件各自工作。但是(我对react和apollo-react还是个新手)，我不确定如何在查询中添加条件。下面是我从服务器获取数据的查询示例(我让这部分正常工作) const cl
浏览 16提问于2019-09-02得票数 1
回答已采纳
/App"import { InMemoryCache } from "apollo-cache-inmemory"const HomeHeader = getByText("Recent Quotes")}) 我在Home.js组件中得到一个错误",
&quo
浏览 41提问于2020-07-16得票数 2
使用带有ant设计的"@apollo/client": "^3.0.2"时，我得到一个错误的Cannot add property key, object is not extensible。我可以用我的graphql查询成功地从服务器获取数据，然而，问题是，返回对象中的数据在某种程度上是不可扩展的。在使用apollo客户端(使用apollo
浏览 66提问于2020-07-26得票数 2
回答已采纳
1回答
据我所知，Apollo是GraphQL的一个实现，而Gatsby是一个使用Apollo构建多个渲染应用程序的框架。这样的解释正确吗？
非常感谢您的任何意见！
浏览 1提问于2020-08-01得票数 0
虽然我不太确定如何同步我的apollo客户端和我的身份验证状态。组件处理程序中调用这些函数来处理我的登录。我配置了一个用于添加auth头的apollo-link。将我的JWT令牌数据注入到后端的上下文中，并在后端实现了一个currentUser查询解析器。应用布局中，我得到了一个查询currentUser查询的组件UserPanel。我正在考虑的另一个选择是将身份验证过程与apollo客户端完全解耦，并实现一些身份验证pubsub系统
浏览 1提问于2017-11-01得票数 1
我想用apollo做一些批量更新。我需要从node启动批处理脚本。例如node myscript.js
我想不出该怎么做。有没有一个简单的例子可以完成入门指南中描述的：，但不带react？(我的代码在使用react时工作得很好)
浏览 1提问于2020-10-19得票数 3
1回答
我想要创建一个应用程序，以更新数据(实时)从反应网络应用，以反应本地移动应用与图形to。在web应用程序中，当我按OK按钮时，很容易重新获取查询。在移动应用程序中，当我按下web应用程序的按钮时，我不知道如何重新获取查询。用react.js构建的网络应用程序
浏览 0提问于2019-07-31得票数 2
回答已采纳
在我的服务器端，我定义了我的模式，我可以用Prisma查询我的数据库，一切都运行得很顺利。我还可以从Nexus和GraphQL游乐场查询数据。 现在，我想让事情在客户端工作。我认为Apollo Client是集成React和GraphQL的最佳解决方案，但我就是不能让它工作。我读了一大堆的文档，但我漏掉了一些我搞不懂的东西。我认为我需要做一些其他的事情来整合Apollo和Nexus。 每次查
浏览 27提问于2020-04-16得票数 1
回答已采纳
我刚开始使用graphql和React。 我有一个类型，解析器，一个monogoDB和mongoose模式都可以工作。 我有playgoround工作，可以使用它来进行查询和突变，以更新数据库。我现在的问题是从React中进行查询并取回数据。/serviceWorker';
import { ApolloClient } from "apollo-client&quo
浏览 28提问于2019-09-19得票数 1
回答已采纳
我正在尝试使用React在Apollo Client中进行查询，而不是返回一个JSX组件，只返回一个对象(对Apollo Server进行普通查询时收到的data对象)。我尝试使用<Query />组件，但它返回一个React节点，而我只需要一个对象。文档只解释了在某个时刻返回JSX组件的方法，而我所要做的就是发送一个请求并在回调中处理响应。实际上我正在尝试这种方式(我在<em
浏览 10提问于2019-02-11得票数 5
目前，每个智能组件都有自己的apollo.watchQuery，这符合每个组件得到它所要求的东西的原则。
例如，有3个位置拉动相同的实体，但每个组件想要的东西有点不同。有为graphql实体创建服务的秘诀吗？
浏览 0提问于2017-10-30得票数 2
1回答
我在Javascript中执行了一个查询，以获取应用程序中当前用户的数据。此查询返回当前用户(客户端)的数据，该数据用于检查客户端对使用Apollo Client和GraphQL的React应用程序中各个页面的访问权限。但是，对于只有管理员才有权访问的页面，在执行此查询时，页面会呈现，以便没有管理员权限的用户可以临时查看页面内容。一旦检查了权限，
浏览 14提问于2019-06-24得票数 0
回答已采纳
我有一个react+redux应用程序，我想将我的操作中的rest请求替换为grapqhl请求。做这件事最简单的方法是什么？我读过有关apollo的文章，但我只想在我现有的请求中添加graphql。
浏览 3提问于2018-01-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
