问题标签 [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.
reactjs - 如何查看客户端标记以调试反应中的校验和错误
我的 apollo graphQL 连接页面的同构渲染出现校验和错误。如何查看客户端标记以便调试差异是什么?还有其他技巧可以追踪服务器端与客户端的渲染有何不同?当我尝试使用 Chrome 检查元素时 - 我得到的似乎是服务器呈现的输出,所以我无法确定客户端输出有何不同。
我可以从截断的警告消息中做出的唯一猜测是登录元素出现在标题之外(因为页面上唯一以“Lo”开头的东西是登录)..但我不能确定那是正确的猜测,因为它看起来很奇怪。因此,我想使用实际的客户端标记进行验证,以确保确实存在差异。
react-native - 带有片段的 ApolloClient.query 在 react-native 上给出错误
我尝试在我的 react native 应用程序中使用 apollo 客户端来手动获取一些带有片段的 graphql 数据:
但这给出了这个堆栈跟踪:
我是否错误地使用了client.query?
reactjs - 如何使用 apollo 获取数据并做出原生反应
我已经能够使用 express-graphql 制作一个简单的 graphql 服务器。
在http://localhost:8080/graphql
查询中:
我得到以下信息:
到现在为止还挺好。现在我想从 React Native 查询。我一直在尝试使用 Apollo 客户端这样做。现在,我已经能够使用他们文档中解释的 vanilla 方法进行查询,并且得到了正确的结果。
但是现在我正在努力使用 react apollo 工具来做这件事,正如这里解释的http://dev.apollodata.com/react/。这是代码:
...我不确切知道 apollo 是如何工作的,我也是 React Native 和 GraphQl 的新手,所以基本上我迷路了。该文档对我帮助不大:/
reactjs - 如何在查询 onClick 后更新查询 props.data
我正在使用 Apollo 执行 2 个查询,
第一个查询由 Apollo 自动执行,
第二个查询在单击按钮时执行,并且此查询的结果应该更新第一个查询的一部分(就像updateQueries
突变一样)。
这是我试过的代码:
reactjs - 如何将变量传递给 GraphQL 查询?
假设我在 React-Apollo 中有以下 GraphQL 查询
现在,如果我想让我的 React 组件Profile
更改 avatarID,
我该怎么做?
我是 React 和 GraphQl 的新手,我不太了解这里的联系:
我真的需要另一个父组件ProfileWithData
来将另一个传递avatarID
给查询吗?但是如果 ID 是由 Profile 组件操作的,我该如何让 Parent 组件知道呢?
redux - 如何使用 Redux + Apollo Client 确定何时显示 ajax 加载器
我有一个全局加载器元素。当应用程序执行任何网络操作时,加载程序会旋转。我最近与 Apollo Client 集成,但我并不完全确定检查 Apollo 当前是否正在获取的最佳方法。
根据文档,有一个loading
属性与数据一起作为道具传递给使用graphql
HOC 的组件。问题是我的加载器存在于不使用graphql
HOC 的组件的最顶层。
在我看来,我可能需要检查state
对象以查看何时存在loading
设置为 true 的查询。这是一种合理的方法吗?
以下是我的数据供参考:
我能想到的另一种选择是对我的父组件执行查询。
作为参考,我在 React-Redux 环境中使用 Apollo Client。
javascript - Apollo 客户端:Upsert 突变仅在更新时修改缓存,但在创建时不修改
我有一个在创建或更新时触发的 upsert 查询。在更新时,Apollo 将结果集成到缓存中,但在创建时不会。
这是查询:
我的客户:
来自服务器的响应是相同的:两者id
都body
返回,但 Apollo 不会自动将新 id 添加到data
缓存对象中。
是否可以让 Apollo 自动添加新对象data
而不触发后续提取?
这是我的数据存储的样子:
更新
根据文档,该功能updateQueries
应该允许我将新元素推送到我的资产列表中,而无需再次触发我的原始获取查询。
该函数被执行,但该函数返回的任何内容都被完全忽略并且缓存没有被修改。
即使我做这样的事情:
没有什么变化。
更新#2
仍然无法更新我的资产列表。
在里面updateQueries
,这是我的previousQueryResult
样子:
但无论我返回什么,数据存储都不会刷新:
作为参考,以下是每个的asset
样子:
reactjs - Apollo 客户端 - 错误:在查询映射中找不到查询
我对 Apollo Client-React 有疑问。
我想在用户单击登录按钮时发送登录请求。
我的代码是:
控制台显示:
未捕获(承诺)错误:网络错误:在查询映射中找不到查询。
有谁能够帮我?
更新:
我使用了这个版本:
- “阿波罗客户端”:“^0.6.0”
- “反应阿波罗”:“^0.9.0”