问题标签 [react-apollo]

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 投票
1 回答
184 浏览

redux-form - 在 redux-form 中异步声明 initialValues 的 API 是什么?

考虑这个使用版本的例子5.3.2

记录在案的版本演示代码>6没有显示此函数回调模式的可能性:

第一种模式仍然可能吗?如果是这样,它是如何工作的?它在任何地方都有记录吗?我看到我的组件道具中有一个initialize调度程序。是这样吗?

0 投票
2 回答
1108 浏览

redux - 是否可以取消 config.options 中的 graphql 查询?

假设我有这部分代码:

是否有可能做到这一点?原因是我的 props 是由 Redux store 注入的。某些查询需要对 var1 和 var2 进行组合更改,例如获取正确的数据。但是,有时某些操作只会更改 Redux 中的 var1,这会触发 graphql 查询并产生不正确的数据。对于这些情况,我想取消查询。

我知道这个问题可以通过设计来解决。这意味着我们可以在 Redux 中单独创建查询所需的一组变量,任何动作触及这个集合,都需要触及集合中的个体。

但是,这样做需要 Redux 了解特定的 graphql 查询,从而形成紧密耦合。

0 投票
1 回答
2188 浏览

reactjs - Apollo GraphQL 订阅

我在 Apollo 中订阅 GraphQL 时遇到问题。我想订阅关于主题的添加“观点”(基本上是在帖子上添加评论),我很确定我的服务器设置正确。客户给我带来了麻烦。(如果这个问题看起来很眼熟,我之前问过它并认为我得到了答案,但没有去)。这是我的订阅模式:

我的订阅解析器:

我的订阅管理器:

我的 addPerspective 突变的最后一部分是(订阅的事件触发器):

然后我连接了实际的服务器以支持订阅:

我也正确连接了客户端,因为在我的终端中我看到“Websocket 连接已建立”消息。我很难过的部分是如何实际调用订阅。根据 Apollo 博客,我应该能够在 GraphiQL 中测试订阅(因为我使用的是 apollo 服务器,现在是 graphql-server-express),但它显示“Resolve function for \"Subscription.perspectiveAdded\”返回未定义”。

对于我的组件,我尝试连接“subscribeToMore”,但在浏览器控制台中,我收到一个错误对象,上面写着“onSubscribe 返回的参数无效!返回值必须是一个对象!” 我不确定它指的是哪个对象。

这是我的订阅查询,称为透视订阅:

和接线组件:

From here, I get a message in my terminal saying the client has been subscribed, but still I get the error object mentioned above. I've been pulling my hair out about this for days - do you guys see what I am missing here? Specifically, any ideas on the client side? Thanks everyone!

0 投票
1 回答
761 浏览

reactjs - React Apollo 客户端未使用 fetchMore() 更新加载标志。为什么?

我正在应用程序中实现分页,除了loading标志在操作期间没有更新外,一切正常fetchMore

似乎fetchMore在返回之前不会导致重新渲染,这意味着标志永远不会更改为true.

我已经将我的代码与偏移量/限制示例紧密建模在:http ://dev.apollodata.com/react/pagination.html

有一些类似的问题涉及跟踪某些状态,但我不希望添加更多标志并使用提供的标志。

0 投票
1 回答
169 浏览

reactjs - 所有项目的 Apollo 客户端特定更新查询?

我有两个具有以下关系的模型:

群组有很多 链接

所以基本上我的初始查询是 getAllGroups,它获取所有组及其链接。我有一个简单地创建链接的突变,更新我的 UI 的最有效方法是什么?

目前我有:

基本上我只想获取添加了链接的组,但我需要指定是哪个组。我该怎么做?

0 投票
1 回答
610 浏览

reactjs - 突变后的 Apollo 客户端更新无法映射到原始结果?

所以基本上我想在突变后更新我的 UI,但这真的很痛苦,已经卡了几天了。

我的一些组件依赖于我的根查询,并映射结果。

每当我创建一个新资源并更新我的根查询时,不再加载原始结果,这会导致can't read property map of undefined, 因为结果不再存在。添加检查没有任何作用,它只会永远加载。

这是我的突变:

我只想通过刷新我的资源添加到的组来简单地更新我的 UI。有人可以帮帮我吗?

0 投票
2 回答
2780 浏览

javascript - Apollo Client (React):处理意外错误

我一直在查看 Apollo 文档,但我没有看到有关如何在 Apollo 客户端中处理服务器错误的信息。

例如,假设服务器:

  • 超时
  • 变得无法访问
  • 意外失败

在客户端应该如何处理?Apollo 目前因错误而失败,例如:

未处理(在 react-apollo 中)错误:GraphQL 错误:无法...

我想避免这种情况发生并处理这些错误。我如何使用 React Apollo 做到这一点?


以供参考:

我目前正在使用 React-Apollo 和 Redux。

0 投票
0 回答
282 浏览

node.js - Apollo React:SSR 避免客户端重新获取数据

我正在使用带有 Redux 的 React 和使用 Apollo React 客户端的 GraphQl 来提供服务器端渲染。一切正常,但我注意到由于配置客户端在浏览器上再次重新获取数据。

如何避免在浏览器上重新获取数据?

0 投票
0 回答
460 浏览

react-router - mapStateToProps 中缺少道具

版本

4.1.1

重现步骤

感谢 Apollo,该组件正在通过 GraphQL 查询数据库。它是一个 GraphQL 容器。它使用composefrom react-apollolibrary 以便以可读的方式同时使用多个增强器。

示例组件:

预期行为

ownProps 应该包含传递给组件的道具,如下所述

实际行为

相反,ownProps 仅包含以下内容:

组件应该从父级和 GraphQL 响应中获得的所有道具都丢失了,在这种情况下,包括exampleProp.

0 投票
0 回答
3048 浏览

reactjs - 使用 Apollo 的 MockedProvider 为什么组件的 props 没有填充结果?

按照这个 Gist的一些想法,我无法让组件测试按预期工作。

一切似乎都有效,除了从响应中props永远不会填充。data

为什么这不能像我预期的那样工作?

这是我可以基于现有组件制作的最简单的真实示例: