问题标签 [apollo-client]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
517 浏览

angular - Apollo Angular:即使出现错误,我如何“重新启动”我的 watchQuery?

我有一个查询,它搜索具有给定 $ID 的对象。它在初始页面加载时总是会失败,因为我们需要等待用户提供这个 $Id。我希望我的查询继续重试,直到找到正确的 ID。

现在错误直接进入订阅中的错误块。我尝试了多种方法,包括重新获取和重试,但这些方法似乎不起作用。

请帮忙!

0 投票
1 回答
967 浏览

reactjs - React Apollo: One query, multiple arguments - How to cache?

I am puzzled by this.

Suppose I currently have a the following query:

By default no filters are passed in so everything is returned.

Now, I would like to refetch with a filter as such:

The above seems to override the local cache of the original query!

I am writing an offline-first app and I would like these different filtering permutations to be cached separately rather than override the original cache.

How can I overcome this caching difficulty and have Apollo cache these queries with different arguments separately?

0 投票
1 回答
1454 浏览

graphql - 是否可以使用 apollo-client 跳过部分查询

我正在尝试在一个查询中执行 3 个唯一搜索。问题是我的搜索“过滤器”类型在架构中是强制性的,但在前端它是可选的。如果在我的过滤器中提供了一个空值,那么我会得到一个 graphql 错误。

我想跳过搜索 mainSearchData、firstComparisonSearchData 或 secondComparisonSearchData,具体取决于搜索过滤器是否包含数据。

我知道我可以使用该skip函数忽略整个查询,但我怎样才能对部分查询实现相同的效果?或者,我怎样才能将这些组合为单独的查询,但只执行一个请求?

0 投票
1 回答
1063 浏览

apollo - Apollo GraphQL 错误:错误:网络错误:无法读取未定义的属性“切片”

尝试查询数据时出现这个长错误。这是有效的数据(针对 GraphQLi 测试)。任何指导将不胜感激!

0 投票
1 回答
978 浏览

graphql - Apollo/React 改变两个相关表

假设我有两张表,一张包含产品,另一张包含价格。

在 Graphql 中,查询可能如下所示:

我向用户展示了一个表单(在 React 中),他们可以在其中同时输入产品详细信息和价格。

当他们提交表单时,我需要在“产品”表中创建一个条目,然后在“价格”表中创建一个相关条目。

我对 Graphql 和 React 非常陌生,我发现它的学习曲线很陡峭,并且一直在关注 Apollo 教程并阅读文档,但到目前为止,这项任务的解决方案仍然是个谜!

有人能把我从痛苦中解脱出来,给我,或者指出我的方向,处理为此必要的突变的最简单的例子吗?

0 投票
0 回答
105 浏览

reactjs - Apollo store 在运行 writeQuery 后清除数据

我正在为我的项目使用 apollo-graphql。最近我遇到了这个问题,我从addSitesPage添加站点,但SitesPage不显示最近添加的站点。所以我使用了refetchQueries,它工作得很好,最近添加的站点出现了,但它不是一个乐观的解决方案,所以我尝试在运行突变后更新商店,但是每当我更新它时,它会清除所有以前添加的站点并且页面什么也不显示. 但是当我刷新页面时,所有网站都会再次出现。我确定我的数据连接逻辑有问题,这是我的突变,它也更新了商店

变异查询:

站点获取查询:

0 投票
1 回答
1528 浏览

react-native - 如何从突变查询中更新 Apollo 数据存储/缓存,更新选项似乎没有触发

我的反应本机应用程序中有一个更高阶的组件来检索配置文件。当我调用“添加追随者”突变时,我希望它更新个人资料以反映其追随者集合中的新追随者。如何手动触发对商店的更新。我可以重新获取整个配置文件对象,但更愿意只在没有网络重新获取的情况下进行插入客户端。目前,当我触发突变时,配置文件不会反映屏幕上的变化。

看起来我应该使用该update选项,但它似乎不适用于我命名的突变。 http://dev.apollodata.com/react/api-mutations.html#graphql-mutation-options-update

0 投票
1 回答
386 浏览

reactjs - 使用 Apollo 客户端检查多个突变请求的返回

我正在使用 Apollo Client 和 React 制作一个简单的购物车,但我显示的从服务器检索到的总价格不是参考发送的最后一个请求,而是参考接收的最后一个请求。有没有办法使请求同步或类似的东西?甚至如何知道上次发送的突变的回报是什么?

我的代码:

0 投票
1 回答
1996 浏览

reactjs - graphql 是否支持聚合过滤器?

我想知道是否可以使用 graphql 来构造使用聚合过滤器的查询。就像是having max(customers) < 10

作为一个例子(请在我想指定计数作为条件之一的过滤条件):

0 投票
1 回答
744 浏览

angular - 从 watchQuery 函数 GraphQL 返回 Array Observable,但给出 *ngFor 错误

我收到 [ 错误:NgFor 仅支持绑定到可迭代对象,例如数组。]

我究竟做错了什么?

组件代码:

调用watchQuery函数并在map函数中进行一些后期处理,并返回Array的Observable,

从服务器重新获取数据