如何将数组对象粘贴到GraphQL Apollo缓存中？
将数组对象粘贴到GraphQL Apollo缓存中，可以通过以下步骤实现：
- 确保你的GraphQL服务器已经配置了Apollo缓存。Apollo缓存是一个客户端缓存，用于存储GraphQL查询的结果数据。
- 在前端应用中，使用Apollo Client来管理GraphQL数据。Apollo Client是一个强大的GraphQL客户端，可以与Apollo缓存无缝集成。
- 在GraphQL查询中，确保你的查询包含了需要缓存的数组对象。例如，如果你的查询是获取用户列表的，可以包含一个字段来获取用户数组对象。
- 在前端应用中，使用Apollo Client发送GraphQL查询。查询的结果将会被存储在Apollo缓存中。
- 如果你想将数组对象粘贴到Apollo缓存中，可以使用Apollo Client提供的
writeQuery方法。该方法可以将数据写入Apollo缓存中的指定位置。 - 在写入数据之前，你需要先获取当前缓存中的数据。可以使用Apollo Client提供的
readQuery方法来获取缓存中的数据。 - 获取到缓存中的数据后，你可以对数据进行修改，将数组对象添加到合适的位置。
- 使用
writeQuery方法将修改后的数据写入Apollo缓存中。确保你提供了正确的查询和数据。 - 当你再次查询相同的数据时，Apollo Client会自动从缓存中获取数据，而不是发送新的网络请求。
总结起来，将数组对象粘贴到GraphQL Apollo缓存中的步骤包括：配置Apollo缓存、使用Apollo Client发送GraphQL查询、使用writeQuery方法将数组对象写入缓存、使用readQuery方法获取缓存中的数据、修改数据并再次写入缓存。这样，你就可以在应用中使用缓存的数组对象了。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我使用react-apollo来管理我的react应用程序中的客户端存储，所以没有后端graphql服务器。所有与apollo相关的东西都在客户端运行。我将所有UI状态存储在ApolloClient的缓存中。我还在客户端定义了所有的解析器。 下面是新建客户端实例的代码： new ApolloClient({
cache,
resolvers: {
Mutation: {
...cartResolvers,
},
},
typeDefs: [typeDefs]
}); 我读过这篇关于在apollo graphql变异和
浏览 17提问于2019-06-28得票数 0
1回答
在我发送了一个delete突变后，我在让React+Apollo更新商店时遇到了问题。我使用的是内置了apollo+react和express graphQL服务器的reactQL样板(我没有安装apollo服务器--我只是使用了reference express-graphQL包)。我的数据使用_id存储在mongoDB中，但是客户端上的实际数据使用id作为id。
apollo客户端的定义如下：
new ApolloClient(
Object.assign(
{
reduxRootSelector: state => state.apollo,
浏览 13提问于2017-08-25得票数 1
回答已采纳
我的GraphQL模式包括具有大型数据数组的对象，这些数据是此对象所特有的，在其他对象中找不到。 例如： type Position {
time: Integer
latitude: Float
longitude: Float
}
type ObjectInSpaceAndTime {
name: String
positions(start: Int, end: Int): [Position]
} 我对GraphQL客户端中规范化的理解是响应图将被扁平化，Position的每个实例在缓存中提取，为其创建一个唯一的键(从位置的路径，所以类似于someobject.
浏览 21提问于2019-01-22得票数 2
回答已采纳
正在尝试获取要在页面上呈现的嵌套数据downloads.copy。我使用Apollo客户端开发工具查看数据，但不会呈现到页面上。我已经搜索了apollo-link-rest问题。我确信这是一些语法问题--或者不是。任何帮助/见解都将非常感谢。 import React, { Component } from "react";
import { graphql } from "react-apollo";
import gql from "graphql-tag";
const Query = gql`
query tool {
t
浏览 0提问于2019-04-25得票数 0
回答已采纳
我已经开始使用GraphQL server和Apollo client了。代码是用Reactjs编写的。现在，我希望使用任何查询从GraphQL服务器获取数据，并将数据显示到UI中的表中。我使用npm react-table处理表格。
如果查询响应没有数组，我可以很容易地获取和显示数据。例如，我的查询输入字符串如下：
{
account {
firstName
lastName
id
}
}
和不带数组的查询结果
{
"data": {
"account": {
"firstName":
浏览 3提问于2018-01-09得票数 1
回答已采纳
我正在写一个使用aws lambdas的无服务器应用程序。我们将apollo graphql用于单端点。graphql端点在单个lamda中运行，我如何将graphql查询突变解析器拆分成独立的lamda函数，就像在graphcool和aws app-sync中一样。
浏览 12提问于2018-01-22得票数 0
编译“graphQL”和“失败”：.../apollographql/apollo/sample/GithuntFeedQuery.graphql:不能查询“graphQL”类型上的“物种”字段:graphQL-样例:generateDebugApolloIR失败
失败:生成失败，出现异常。
出了什么问题:任务执行失败了:阿波罗-样本:generateDebugApolloIR‘。进程的命令'/Users/xulong/Downloads/apollo-android-master/apollo-sample/.gradle/nodejs/node-v6.7.0-darwin-x6
浏览 7提问于2017-11-15得票数 1
我正在研究nuxt/阿波罗软件包，但是没有关于addTypeName属性的信息。应该在哪里设置这个属性？注意:所有关于@nuxt/阿波罗的安装。(作为模块等进口)
版本信息:
"@nuxtjs/apollo": "^4.0.0-rc8",
我在nuxt.config.js中的阿波罗配置：
apollo: {
includeNodeModules: false,
authenticationType: 'Basic',
defaultOptions: {
$query: {
loa
浏览 1提问于2019-10-04得票数 2
回答已采纳
我用nodejs10写了下面的代码。
const ApolloClient = require('apollo-boost');
const client = new ApolloClient({
uri: 'http://localhost:8000/graphql'
});
我在运行这个程序时得到的错误是：
const client = ApolloClient({
^
TypeError: ApolloClient is not a function
以下是依赖关系：
"apollo-boost": &
浏览 1提问于2019-05-31得票数 0
我试着用反应把我的头绕在阿波罗身边。我怎样才能给我当地的阿波罗商店添加状态呢？
我在用流星。它在客户端提供一个函数来测试用户是否登录，如果他们使用Meteor.userId()返回他们的id。我需要在许多不同的组件中访问这个状态。
这是我的客户文件：
import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';
import { ApolloProvider } from 'react-apoll
浏览 1提问于2018-01-19得票数 8
回答已采纳
我有一个阿波罗GraphQL / Next.js应用程序。在更改了graphql模式并导航到"“的graphql操场后，在操场和我的应用程序中仍然引用了旧模式。
我尝试过清除节点模块并运行npm安装、清除缓存、重新启动所有内容，但我无法理解为什么我的模式没有更新。我是不是遗漏了一些关键的模式更新步骤？
这里是我对Series和Publisher的模式(注意，SeriesInput需要发布者，而不是PublisherInput):
type Series {
_id: ID!
name: String
altID: String
publisher: Pu
浏览 4提问于2020-11-19得票数 2
回答已采纳
当使用apollo作为后端GraphQL服务器时，在vue-apollo客户端之上使用AppSync客户端有什么优势？我可以在不使用AppSync客户端的情况下使用vue-apollo与我的GraphQl服务器进行交互吗？
浏览 21提问于2020-01-29得票数 0
我开始学习nestjs，并尝试使用graphql实现。
但是这个示例是为apollo服务器版本1编写的，现在我在使用apollo服务器版本2时遇到了问题。目前我不清楚如何将apollo服务器版本2添加到中
consumer
.apply(
graphiqlExpress({
endpointURL: '/graphql',
subscriptionsEndpoint: `ws://localhost:3001/subscriptions`,
}),
)
.forRoutes('/graphiql')
.ap
浏览 14提问于2018-08-18得票数 1
回答已采纳
使用useMutation()后，缓存会更新，但主页组件中的useQuery()不会更新。 我尝试使用不同的fetchPolicy。我可以在Apollo dev工具中看到新的帖子，但页面需要更新才能看到更改 import { FETCH_POSTS_QUERY } from '../utils/graphql';
function Home() {
const { user } = useContext(AuthContext);
const {
loading,
data
} = useQuery(FETCH_POSTS_QUERY, {
浏览 30提问于2019-10-03得票数 8
1回答
我使用Redux管理状态，使用阿波罗执行graphQL查询。
我创建了一个阿波罗客户端，应该可以从各种反应组件访问。
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
const link = new HttpLink({
uri: getGraphqlEndpointUrl,
header
浏览 0提问于2018-10-02得票数 0
回答已采纳
我使用apollo-client进行graphql调用，同时在apollo-client包中添加了状态管理。在graphql模块中，分配给缓存变量的InMemoryCache和客户端变量是exported.Client变量被导入到组件中，因此在执行默认的get调用后，数据在client.cache.data中可用，但我希望在保存和删除graphql操作成功回调后更新客户端缓存
这是我的graphql.module.ts：
import {NgModule} from '@angular/core';
import {ApolloModule, APOLLO_OP
浏览 2提问于2020-05-27得票数 0
我有一个网站，使用角度10和阿波罗GraphQL。 每当请求失败时，我想向使用MatSnackBar的用户显示一个错误，但我不知道如何将MatSnackBar组件提供给apollo-link-error的OnError()函数。 这是我的graphql.module.ts代码： import {NgModule} from '@angular/core';
import {APOLLO_OPTIONS} from 'apollo-angular';
import {ApolloClientOptions, ApolloLink, InMemoryCache}
浏览 15提问于2020-09-03得票数 4
回答已采纳
1回答
将阿波罗与mongodb连接起来
、、、、
我想把我的阿波罗服务器和我的mongoDB连接起来。我知道有很多例子，但是我陷入了异步部分，没有找到解决方案或示例(这很奇怪，我完全错了吗？)
我从next.js 的示例开始。但是mongodb集成缺失了。
我的代码
pages/api/graphql.js
import {ApolloServer} from 'apollo-server-micro';
import {schema} from '../../apollo/schema';
const apolloServer = new ApolloServer({schema})
浏览 4提问于2020-02-28得票数 3
回答已采纳
2回答
我使用作为graphql的后端。我将只处理那里的突变，但我希望通过带内省的模式拼接来重定向上的查询和订阅。通过apollo-server到hasura的查询工作正常，并返回了预期的数据。
但是订阅不起作用，我得到这个错误：“期望迭代，但没有找到字段subscription_root.users的一个”。
此外，服务器hasura正在接收事件：
但是阿波罗服务器对hasura的回答很反感。这不是我的第一天，我不能理解问题是什么。
在编辑器中，hasura订阅起作用。
如果您需要任何其他信息，我将很乐意为您提供。
import {
introspectSchema,
make
浏览 2提问于2019-02-17得票数 0
我对GraphQL非常陌生，并尝试在NativeScript Angular项目中使用它，但是当我安装apollo-angular插件时，它没有任何ApolloModule的导出成员，我如何将GRAPHQL服务器与angulrNativeScrt项目连接起来。
import {ApolloModule, APOLLO_OPTIONS} from 'apollo-angular';
浏览 0提问于2020-08-09得票数 4
2回答
我正在尝试在quasar中安装vue apollo作为引导
引导文件：src/boot/vue-apollo.js
import VueApollo from 'vue-apollo'
import ApolloClient from 'apollo-boost'
const apolloClient = new ApolloClient({
uri: process.env.GRQPHQL_API
})
const apolloProvider = new VueApollo({
defaultClient: apolloClient
})
ex
浏览 1提问于2019-11-05得票数 0
我是GraphQL和阿波罗的新手，我不明白下面的'aliasEmail‘字段有什么问题。当我将这个添加到查询中时，我得到了这个错误消息。当我将它从查询中删除时，一切都工作得很好。它在'types.graphql‘中定义得很好，只是一个简单的字符串字段。
index.js:2178 Unhandled (in react apollo:Apollo(withRouter(EmailSettingsContainer))) Error: Network
error: Error writing result to store for query:
query getCompa
浏览 18提问于2018-03-02得票数 4
回答已采纳
我使用包来使用graphQL查询后端。在我将标题添加到查询之前，一切都很好。
我正在添加自定义标题，以从后端获得扁平的数据。
当我将标题添加到查询中时，我会得到未定义的数据。尽管我可以在networks中正确地看到响应(扁平的数据)。
这是我的代码：
constructor(private apollo: Apollo) { }
getPos(id: string, date: string) : Observable<any> {
return this.apollo
.watchQuery({
query: gq
浏览 0提问于2019-01-04得票数 0
我正在使用graphql、Vue.js和apollo
这是我的DateBank
const sensorsdb = [
{
name: "sensor 1",
id: "s-1",
timestamp: 1582021371,
value: 100
},
{
name: "sensor 1",
id: "s-1",
timestamp: 1579451703,
value: 150
},
{
name: "sensor 2-1",
id
浏览 0提问于2020-02-20得票数 0
我正在使用Android studio中的阿波罗库
我下载了模式并粘贴到main/graphql/com/例/asdf/schema.json中。
查询文件的书面查询和路径为./asdf/Xyz.Graphql
生成后，我将得到以下错误
ApolloGraphQL:找不到schema.json。请详细说明。往下看: C:\Users\Dell\AndroidStudioProjects\ApolloClient\app\src\main\graphql
我用的等级依赖性
实现'com.apollographql.apollo:apollo-runtime:2.2.0‘
应用插件：
浏览 1提问于2021-02-07得票数 1
1回答
我构建了一个带有graphql端点的api平台应用程序。在客户端，我像这样管理阿波罗客户端的查询和突变( vuejs前端)：
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
const httpLink = new HttpLink({
uri: 'http://localhost:8000/api
浏览 1提问于2018-12-24得票数 2
回答已采纳
2回答
我有一个名为GraphQL的myAccounts查询，它返回一个帐户数组。当我到游乐场并调用查询时：
{
accounts {
email
}
}
我得到了这个结果：
"data": {
"accounts": [
{
"email": "zach@email-one.com",
},
{
"email": "zach@email-two.com",
浏览 3提问于2019-12-03得票数 1
回答已采纳
在我们的GraphQL api (阿波罗-服务器)中，我们希望添加一个新的dataSource，它访问GitHub的GraphQL api。我们希望使用这些数据。看来，使用`是一种很好的方法。它是一个已建立的、仍然维护的模块，它提供缓存、对上下文的访问和其他dataSource好处。它也是由阿波罗团队管理的。我们希望验证这是一种向其他GraphQL API发出请求的好方法。
其他选择包括：
使用您自己的数据源，这似乎没有必要，也没有明显的好处。
使用@apollo/client构建数据源
有一个模块，它看起来非常适合这一点，尽管它已经两年没有更新了，而且它可能还没有完成测试和请求缓
浏览 1提问于2021-03-08得票数 9
graphql服务1类型防御系统：
import { gql } from 'apollo-server';
const typeDefs = gql`
type Post {
postId: ID!
postTitle: String!
postContent: String!
postAuthorId: ID
}
input PostTag {
name: String!
}
input PostInput {
postTitle: String!
postContent: String!
浏览 0提问于2019-07-26得票数 2
回答已采纳
最近开始与graphQL和阿波罗-阿波罗客户玩游戏。
我在graphQL上构建了一个web服务，它运行得很好。我面临的唯一问题是在项目的客户端。例如(请参考下面的代码)，在运行createVideo()之后，我的组件的data属性(它是一个监视查询的可观察的)不会自动刷新，并且手动调用回调的apollo.query似乎不会产生任何效果，因为查询返回缓存的结果，而不是服务器上的结果。
我是不是遗漏了什么？
app.component.ts
import {Component, OnInit} from '@angular/core';
import {Apollo, A
浏览 2提问于2017-06-24得票数 8
回答已采纳
我正在寻找将apollo绑定到单个组件而不是包装整个应用程序的方法，因为我们不想将我们所有的架构都绑定到一个服务，现在我们只使用apollo来检索单个组件的数据，并且我们检索数据的方式可能会随着时间的推移而改变，可能不再使用graphql，或者想要将不同的graphql服务绑定到不同的组件，所以将整个应用程序包装到apollo提供程序中不是我们的最佳选择。
有什么方法可以避免它吗？
谢谢
浏览 1提问于2020-06-18得票数 0
我正在将我的角度应用程序REST后端转换为GraphQL。我试图从graphql标签导入gql。我在搜索，我的进口看起来像每个人都在.
import { Angular2Apollo } from 'angular2-apollo';
import { ApolloClient } from 'apollo-client';
import { gql } from 'graphql-tag';
但是gql有红色下划线，表示找不到。当我运行ng serve时，我在cmder中得到了这个错误.
./node_index/graphql-tag/ind
浏览 6提问于2017-09-23得票数 2
回答已采纳
下面是我的代码。我一直在尝试以某种方式将错误变量链接到GraphQL模块。请提供一种方法来实现这一点。 import { ApolloModule, APOLLO_OPTIONS } from 'apollo-angular';
import { HttpLinkModule, HttpLink } from 'apollo-angular-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { onError } from 'apollo-
浏览 32提问于2020-08-04得票数 0
回答已采纳
也许我误解了这个包的功能，但我认为它会读取缓存的响应并帮助实现离线应用程序功能。
import React from 'react'
import { graphql } from 'react-apollo'
import gql from 'graphql-tag'
export const DATA_QUERY = gql`
query Data {
me {
name
bestFriend {
name
}
浏览 1提问于2018-03-13得票数 0
回答已采纳
下面我使用我想要转换为GraphQL版本的普通REST响应的工作函数，它从我的菲尼克斯服务器获取一个JSON，并将对象值从JSON存储到一个对象中。问题是，在这里，我可以使用等待，然后从JSON文档中的对象分配新的对象值，但是使用GraphQL，我不能访问这个数据来分配它，因为没有等待函数，因为它只是一个查询。(据我所知)
async function updatePageWithNewCompany(company){
const res = await fetch(`http://localhost:4000/${company}`);
profile =
浏览 2提问于2021-03-05得票数 0
回答已采纳
我在我的React(Typescript)应用程序中使用带有内存缓存的GraphQL和Apollo-Client。缓存根据添加的新项进行更新，工作正常，不会出现错误。
当项目被删除时，从GraphQL Apollo服务器后端返回一个字符串，声明成功的删除操作，该操作启动要调用的更新函数，该函数读取缓存，然后通过过滤掉项目的id来修改它。这是使用来自Apollo-Client的突变钩子执行的。
<code>A0</code>
该函数起作用，前端将使用缓存中的正确项进行更新，但控制台中会显示以下错误：
<code>A1</code>
有没有更好的方法
浏览 61提问于2020-07-30得票数 7
回答已采纳
我最近在Wes Bos的高级react教程中遇到了Apollo。我喜欢单钩子+缓存机制。我也喜欢graphql，但我有一个项目没有使用graphql。有没有像Apollo中的useQuery钩子那样只有一个钩子来返回数据、错误和加载的包？我发现这真的很巧妙和有用，在处理REST API时，我希望在其他项目中也能有类似的东西。
浏览 37提问于2021-10-08得票数 0
回答已采纳
在每次请求GraphQL和阿波罗中间件在React 应用程序中之前，我想实现自动刷新jwt令牌。每次登录用户后，他都会得到两个令牌:访问和刷新。访问令牌是在授权头中使用的30~60分钟的短令牌.而刷新令牌则是用于确认刷新令牌图形of突变的持续60天的长令牌。我的流量：
用户登录并获得2个令牌，->使用Appollo setContext将访问令牌放入授权头。
用户在客户端请求GraphQL ->检查accessToken的expireTime：->，如果没有过期，->确认请求->，如果它已经过期，->调用GraphQL refreshToken突变-
浏览 0提问于2019-08-07得票数 6
回答已采纳
我是新来的，刚刚用Graphql试用了Vue.js。经过一些学习，我使用vue ui(vue cli 3)构建了一个项目，并为客户机和服务器添加了vue-cli-plugin-阿波罗，因此我当前的项目结构如下：
项目文件夹
─┬── apollo-server (server folder)
├── node_modules
├── public
├─┬ src (client folder)
│ └┬─ assets
│ ├─ components
│ ├─ graphql
│ ├─ views
│ ├─ App.vue
│ ├─ main.js
│ ├─ r
浏览 0提问于2018-12-15得票数 2
我很难让refetchQueries工作。
我有一个表单“添加一个东西”，但是当我回到“事物列表”时--新创建的东西只有当我刷新页面时才会出现。因此(作为中间步骤)，我也希望它在成功的“添加”之后更新列表。
我试过以下几种方法，但不起作用。非常简单，所以我觉得我一定缺少了一些简单的东西：
// Called successfully
const updateThing = gql`
mutation AddThing($id: ID, $title: String!) {
problem(id: $id, title: $title) {
id
ti
浏览 1提问于2017-11-15得票数 1
回答已采纳
我尝试在Heroku上部署Node.js API，但显示了应用程序错误。
因此，使用"heroku本地web“命令测试任何error..and都会出现错误，即'babel-node‘不被识别为内部或外部命令、可操作的程序或批处理文件.。
另一方面，当我运行命令'npm‘时，我没有收到任何错误，服务器也开始运行。
package.json
{
"name": "apollo-starter-kit",
"version": "0.1.0",
"descriptio
浏览 2提问于2017-03-07得票数 5
2回答
我的组件目前在浏览器上水化，这是我想避免的。当您访问该链接时，我希望它预先添加它需要显示的所有数据，即呈现在服务器上。目前，该组件如下所示：
import { graphql } from "react-apollo";
import gql from 'graphql-tag';
import withData from "../../apollo/with-data";
import getPostsQuery from '../../apollo/schemas/getPostsQuery.graphql';
const
浏览 0提问于2019-09-20得票数 4
在阿波罗graphQl(iOS)中传递身份验证报头的任何解决方案我都不知道如何将报头与请求的url一起传递。我试过这样做：
import Apollo
class Network {
static let shared = Network()
let accessToken = "token-KEY"
private(set) lazy var apollo = ApolloClient(url: URL(string: "http://localhost:1337/graphql")!)
}
有人帮我吗？
浏览 0提问于2020-03-25得票数 1
1回答
最初，我尝试使用Serverless Lambda函数来处理API的模式拼接，但我开始转向ElasticBean秸秆服务器，以避免在每个请求中获取初始模式。
即使如此，对我的主API服务器的请求可能要花费十倍的时间才能从一个子API服务器获得结果，就像我的子服务器一样。我不知道是什么让请求如此之久，但似乎有什么东西阻碍了请求的快速解析。
这是我的父API代码：
import * as express from 'express';
import { introspectSchema, makeRemoteExecutableSchema, mergeSchemas } fro
浏览 2提问于2018-10-04得票数 2
1回答
与GraphQL客户端的反应
、、、、
将React与GraphQL clients (如Apollo Client )结合使用是个好主意吗？我可以用react和新的Context API实现同样的结果。
基本上，我可以使用GraphQL API或其他任何类似的库来使用axios。对于状态管理，我可以使用react的新Context API，这非常简单。
axios.get('localhost://4000?qraphql').then((res)=>{
//do something with the response.
})
Apollo Client还有什么优势吗？如果没有Apollo client我
浏览 2提问于2019-01-06得票数 5
回答已采纳
1回答
我有一个简短的问题。
我们如何使用apollo-boost库持久化缓存？
我不确定如何使用以下配置实现apollo-cache-persist。
const client = new ApolloClient({
uri: 'http://localhost:8080/_/service/com.suppliers/graphql',
clientState: {
defaults: {
networkStatus: {
__typename: 'NetworkStatus',
isConnected:
浏览 0提问于2018-04-15得票数 3
1回答
我有一个带有基本NextJS组件的<PostList />项目，在该项目中，我使用react-apollo模块从GraphQL服务器检索一些测试数据：
import { gql, graphql } from "react-apollo";
import withData from "../../apollo/withData";
const GET_POSTS = gql`
{
posts {
_id
title
}
}
`;
const PostList = ({data: {loading, posts}}) =&g
浏览 1提问于2019-09-19得票数 1
1回答
我遵循了一个关于GraphQL的教程，在视频中，作者没有使用deleteMutation的refetchQueries，所有的UI更新和变化都工作得很好。但在项目中，沙箱代码已更新，现在作业组件->第20行-> deleteJob()：上的此操作使用了refetchQuery。
我在我的应用程序中遇到了类似的问题，在没有refetchQueries的情况下，我的应用程序无法自动更新UI。如果我理解正确的话，阿波罗是不是应该通过Apollo - cache - in inmemory自动应用Apollo的缓存，在这种变异中执行变异和更新UI。
使用apollo-boost的开箱即用示
浏览 30提问于2019-10-31得票数 0
我一直在使用react和redux，每次我在ComponentDidMount中调用一些rest api，我可以用它设置一个状态，并将该状态传递给我的孩子，或者更改该状态并使用它。我也可以将这些数据保存在我的redux中，然后做所有我想做的事情。我最近开始使用graphql，我看到当一个人使用查询在render中获取数据时，我们呈现我们想要的数据，依此类推。但我关心的是，我如何不渲染它，而是以某种状态存储它，玩它，然后将它传递给孩子。我在apollo中遇到了这种链接状态，但不能清楚地理解它的基本功能？如何解决状态管理和处理由来自apollo数据设置的状态的问题。我真的遗漏了
this.setS
浏览 0提问于2019-05-27得票数 0
在解析大型数据时，从将解析器的结果返回给客户端的那一刻起，我注意到性能非常慢。
我假设apollo-server迭代我的结果并检查类型..。不管怎样，手术时间太长了。
在我的产品中，我必须同时返回大量的数据，因为它被同时使用，以在UI中绘制一个图表。对于我来说，没有分页选项，我可以在其中切片数据。
我怀疑缓慢来自apollo-server，而不是我的解析器对象创建。
注意，我记录解析器创建对象所需的时间，它的速度，而不是瓶颈。
后来由apollo-server执行的操作，我不知道如何衡量，花费了大量的时间.
现在，我有了一个版本，在这个版本中，我返回一个定制的标量类型JSON，响应要快得多。但
浏览 0提问于2019-06-02得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
