问题标签 [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 回答
561 浏览

apollostack - 如何在 react-native 中为 apollo 客户端实现网络接口中间件

我需要使用 apollo 在 react native 中实现登录,并且想知道

a) 如何从客户端网络接口中替换或删除中间件。我不应该直接访问 _middlewares 属性吗?我看到了use一种推动中间件的方法,但没有看到删除的方法。

b) 如果我们想将示例从 localstorage 更改为 asyncstorage,我们是否应该直接从 redux 存储中读取网络接口?最好的方法是什么?

0 投票
1 回答
310 浏览

reactjs - 当查询包含 Apollo 的边和节点时如何更新查询?

我在我的 React 应用程序上使用 react-apollo 来请求 GraphQL API。我想添加一个项目并在此添加后更新我的查询。

该项目已正确添加,但我无法更新我的查询。我必须刷新我的页面才能看到我的新项目。我遵循本指南

这是我的查询

这是我的突变,它添加了我的新项目

如何正确更新此查询?

0 投票
2 回答
3546 浏览

react-apollo - 如何从 redux 操作调用 apollo 客户端查询

如果我在我的应用程序中使用 redux 和 apollo 客户端,那么从组件外部的操作触发查询的最佳方法是什么。

例如,如果我有一个标准应用程序,配置了 redux 和 apollo 客户端,我应该如何触发“刷新”列表。我可以在具有 gql 的组件本身上触发一个函数,但是我将如何通过一个更符合通量的操作来执行它。

并且,假设我想触发一个动作来刷新用户数据?由于逻辑在组件本身中,我不确定如何从操作本身触发 gql 查询。

0 投票
2 回答
168 浏览

reactjs - 如何构造一个从 redux 接收道具、进行查询并将结果保存回 redux 的组件?

在我的 Redux 商店中,我存储了一个 accountId。<Login>这在成功授权后由组件存储。该<Login>组件仅接收accountId(在 JWT 内部),而不是完整的 Account 对象及其所有属性。

accountId也可以通过其他组件的其他操作进行修改。

当由于accountId某种原因被修改时,我想为完整的 Account 文档触发一个新的 GraphQL 查询,并将其存储在 Redux 中。

为此,我创建了一个组件。我最初将 Redux 调度件放入 中componentWillUpdate(),但后来它不起作用(它没有收到完整的 GraphQL 查询结果)。如果我把它放在render()下面,它可以工作:

上述组件按预期工作。但是当我调用调度时它会引发警告:

所以显然我没有以正确的方式做事。我该如何构建它以便我得到结果并能够在没有警告的情况下将它们存储回 Redux?

0 投票
1 回答
157 浏览

reactjs - Lokka 如何在 GraphQL 中改变数组?

我的查询:imageList - 对象;我无法理解如何通过变量进行变异;

0 投票
0 回答
1042 浏览

reactjs - 使用带有 react-router 的 apollo 客户端会给出关于客户端未定义的路由器上下文警告

我正在尝试将阿波罗添加到沃尔玛电极启动器反应应用程序中,并且收到有关客户端属性的警告。

如果我只使用 apollo 提供程序来包装一个不是 react-router 的组件,它似乎工作正常。当我添加反应路由器时 - 它显示警告 - 但是页面仍然加载阿波罗罚款。

应用程序.jsx

主页.jsx

路线.jsx

0 投票
2 回答
56 浏览

reactjs - 在 apollo (graphql) 查询中无法识别 FlowRouter

react-apollo使用with FlowRouter(在meteor项目中)时遇到问题。这是我的graphql查询(它应该每 5 秒更新一次):

userId如果我对and参数进行硬编码registerToken,查询就可以正常工作。
所以我想这里的问题是这些FlowRouter.getQueryParam()函数返回undefined(即使我在客户端)。MyComponent如果我在内部或浏览器控制台 中调用它们,它们会很好地工作。

0 投票
1 回答
5433 浏览

javascript - Graphql,react-apollo如何在加载组件状态时将变量传递给查询

我有一个简单的反应组件,当用户询问时必须从服务器加载数据。问题是我不知道如何传输动态变量 speakerUrl 并在组件加载状态之前访问它。当然我可以从中访问它this.props.params,但是组件没有加载,当我进行 graphql 查询时我无法访问它。查询 -QuerySpeaker当我手动设置 url 变量时工作正常。

路由器

组件 - SpeakerPage

0 投票
2 回答
3994 浏览

reactjs - 如何使用 react apollo 组件进行单元测试?

我想用 mocha、jsdom chai 和酵素做单元测试。我已经进行了一些单元测试,它们运行良好。

但是,连接到 apollo 商店的组件不起作用......我有一个错误。

这是一个连接到 apollo store 的组件的测试

这是组件ReviewList

当我运行 npm test 时,我有这个跟踪日志

有没有办法为了单元测试断开这个组件?

0 投票
1 回答
190 浏览

react-redux - 将 apollo 客户端与 React Starter Kit 同构使用时出现校验和无效警告

我正在尝试使用 Apollo 客户端,但在将其放入带有 redux 的 react 入门套件时遇到了一些问题。 https://github.com/kriasoft/react-starter-kit/tree/feature/redux

尝试使用此处的技术:http: //dev.apollodata.com/react/server-side-rendering.html

但我得到了错误

这是我的实现

和客户端