问题标签 [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 投票
3 回答
2221 浏览

reactjs - 如何查看客户端标记以调试反应中的校验和错误

我的 apollo graphQL 连接页面的同构渲染出现校验和错误。如何查看客户端标记以便调试差异是什么?还有其他技巧可以追踪服务器端与客户端的渲染有何不同?当我尝试使用 Chrome 检查元素时 - 我得到的似乎是服务器呈现的输出,所以我无法确定客户端输出有何不同。

我可以从截断的警告消息中做出的唯一猜测是登录元素出现在标题之外(因为页面上唯一以“Lo”开头的东西是登录)..但我不能确定那是正确的猜测,因为它看起来很奇怪。因此,我想使用实际的客户端标记进行验证,以确保确实存在差异。

0 投票
1 回答
217 浏览

react-native - 带有片段的 ApolloClient.query 在 react-native 上给出错误

我尝试在我的 react native 应用程序中使用 apollo 客户端来手动获取一些带有片段的 graphql 数据:

但这给出了这个堆栈跟踪:

我是否错误地使用了client.query?

0 投票
1 回答
1236 浏览

reactjs - 如何使用 apollo 获取数据并做出原生反应

我已经能够使用 express-graphql 制作一个简单的 graphql 服务器。

http://localhost:8080/graphql查询中:

我得到以下信息:

到现在为止还挺好。现在我想从 React Native 查询。我一直在尝试使用 Apollo 客户端这样做。现在,我已经能够使用他们文档中解释的 vanilla 方法进行查询,并且得到了正确的结果。

但是现在我正在努力使用 react apollo 工具来做这件事,正如这里解释的http://dev.apollodata.com/react/。这是代码:

...我不确切知道 apollo 是如何工作的,我也是 React Native 和 GraphQl 的新手,所以基本上我迷路了。该文档对我帮助不大:/

0 投票
1 回答
1715 浏览

reactjs - 如何在查询 onClick 后更新查询 props.data

我正在使用 Apollo 执行 2 个查询,
第一个查询由 Apollo 自动执行,
第二个查询在单击按钮时执行,并且此查询的结果应该更新第一个查询的一部分(就像updateQueries突变一样)。

这是我试过的代码:

0 投票
3 回答
17965 浏览

reactjs - 如何将变量传递给 GraphQL 查询?

假设我在 React-Apollo 中有以下 GraphQL 查询

现在,如果我想让我的 React 组件Profile更改 avatarID,

我该怎么做?

我是 React 和 GraphQl 的新手,我不太了解这里的联系:

我真的需要另一个父组件ProfileWithData 来将另一个传递avatarID给查询吗?但是如果 ID 是由 Profile 组件操作的,我该如何让 Parent 组件知道呢?

0 投票
1 回答
2248 浏览

javascript - Redux + Apollo:如何规范化和格式化响应数据?

我在以我想要的格式将数据输入到我的组件中时遇到了困难。

我的数据来自:

在此处输入图像描述

对于我的组件来说,这不是一种非常有用的格式。我希望数据由 id 键入,如下所示:

我的查询是:

我这样连接我的组件:

对如何格式化我的 graphql 服务器返回的商店数据有任何见解吗?

0 投票
0 回答
169 浏览

redux - 如何使用 Redux + Apollo Client 确定何时显示 ajax 加载器

我有一个全局加载器元素。当应用程序执行任何网络操作时,加载程序会旋转。我最近与 Apollo Client 集成,但我并不完全确定检查 Apollo 当前是否正在获取的最佳方法。

根据文档,有一个loading属性与数据一起作为道具传递给使用graphqlHOC 的组件。问题是我的加载器存在于不使用graphqlHOC 的组件的最顶层。

在我看来,我可能需要检查state对象以查看何时存在loading设置为 true 的查询。这是一种合理的方法吗?

以下是我的数据供参考:

在此处输入图像描述

我能想到的另一种选择是对我的父组件执行查询。

作为参考,我在 React-Redux 环境中使用 Apollo Client。

0 投票
2 回答
1094 浏览

javascript - Apollo 客户端:Upsert 突变仅在更新时修改缓存,但在创建时不修改

我有一个在创建或更新时触发的 upsert 查询。在更新时,Apollo 将结果集成到缓存中,但在创建时不会。

这是查询:

我的客户:

来自服务器的响应是相同的:两者idbody返回,但 Apollo 不会自动将新 id 添加到data缓存对象中。

是否可以让 Apollo 自动添加新对象data而不触发后续提取?

这是我的数据存储的样子:

在此处输入图像描述

更新

根据文档,该功能updateQueries应该允许我将新元素推送到我的资产列表中,而无需再次触发我的原始获取查询。

该函数被执行,但该函数返回的任何内容都被完全忽略并且缓存没有被修改。

即使我做这样的事情:

没有什么变化。

更新#2

仍然无法更新我的资产列表。

在里面updateQueries,这是我的previousQueryResult样子:

但无论我返回什么,数据存储都不会刷新:

在此处输入图像描述

作为参考,以下是每个的asset样子:

在此处输入图像描述

0 投票
2 回答
254 浏览

javascript - 尝试重新获取时 Apollo 客户端上的循环错误

我的App组件有一个reload按钮。单击reload本质上应该通过重新触发 graphql 查询来执行重新获取。

我当前执行重新加载的方式是在用户单击时使用 Apollos 的重新获取功能reload。但是,当我单击重新加载时会出现以下错误:

在此处输入图像描述

这是我的 graphql HOC 代码:

这是我的查询:

这是我的组件代码:

最后,我的连接:

任何洞察为什么会发生错误?

0 投票
0 回答
307 浏览

reactjs - Apollo 客户端 - 错误:在查询映射中找不到查询

我对 Apollo Client-React 有疑问。

我想在用户单击登录按钮时发送登录请求。

我的代码是:

控制台显示:

未捕获(承诺)错误:网络错误:在查询映射中找不到查询。

有谁能够帮我?

更新:

我使用了这个版本:

  • “阿波罗客户端”:“^0.6.0”
  • “反应阿波罗”:“^0.9.0”