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

reactjs - Apollo Client 和 Relay 有什么区别?

我刚刚被介绍给 GraphQL,并且正在决定在两个框架(ApolloRelay)之间来实现我的前端 React Web 应用程序。

我知道 Relay 是由 Facebook 构建的,而 Apollo 是由 Meteor 构建的。有没有人尝试过这两种方法,你的经验如何?我想知道它们之间有什么区别,与 Apollo 相比,哪种 GraphQL 应用程序会从使用 Relay 中受益更多。

0 投票
2 回答
2104 浏览

graphql - 如何将模拟的可执行模式传递给 Apollo 客户端?

Apollo GraphQL 的 Mocking 示例具有以下代码(见下文)。

有趣的是最后一行 - 他们创建并执行graphql查询。但是你通常需要创建 ApolloClient 对象。我不知道该怎么做。

ApolloClient 期望 NetworkingInterface 作为参数而不是可执行模式。

那么,有没有一种方法可以在没有 NetworkingInterface 的情况下从可执行模式创建 ApolloClient?

0 投票
1 回答
940 浏览

reactjs - 使用 graphql 反应组件默认道具

我正在尝试从后端 graphql 服务获取记录并使用 Array.map 函数呈现它们。不幸的是,在它们被加载之前我得到了错误,因为它们是未定义的。我试图在组件上设置默认道具,但它不起作用。我是否必须检查是否所有内容都已加载,或者是否有特定方法将默认值注入这些道具。我的代码现在看起来像这样

0 投票
2 回答
299 浏览

reactjs - 阿波罗突变未出现在道具中

这是我的组件:

这似乎是一个非常简单的例子,但是当我运行它时,道具是空的:

0 投票
0 回答
369 浏览

reactjs - 从 getDataFromTree 中的 store 获取初始状态时我们应该如何处理错误

我想要做什么

使用来自我们的 graphql 服务器的错误数据渲染页面服务器端。

语境

我们的 GraphQL 服务器与多个 API 对话并返回由 Apollo UI 处理的 graphQL 响应。

某些 GraphQL 错误不被认为是严重的,我们仍然希望使用它来呈现页面。例如

通过我们从 Apollo 获得的上述响应,我们仍然希望使用thing. 看看getDataFromTree 这里的实现,任何错误都会被抛出,而没有其余的数据。

我们计划如何处理我们的错误

以下是我们计划如何处理代码的片段:

如果有办法解决这个问题,或者我是否遗漏了什么,请告诉我。

额外问题:

  1. 甚至应该getDataFromTree抛出错误?感觉责任应该在消费者身上。
0 投票
1 回答
309 浏览

redux - 阿波罗单一事实来源

redux 具有“单一事实来源”的原则,我很难弄清楚来自 GQL 的轮询片段将如何继续保持这一原则。

TL;DR : apollo 是否对整个应用程序或每个 apollo 容器的实体进行规范化?

Apollo 有自己的 redux 商店。通过架构图,我看到在将数据应用到 redux 之前有一个规范化阶段。

我的问题是:假设我有一个帖子模式和一个用户模式。轮询帖子时,我会提取帖子信息,以及作者(用户模式)名称和个人资料图片。我有一个带有阿波罗的帖子容器。所以我阿波罗商店现在有这个状态:

但是当用户 - James 将他的名字更改为 Julian 和另一个组件时会发生什么,经常更新的聊天菜单组件将具有用户 ID:32 和不同的名字 Julian。
帖子容器也会因此而更新吗?还是会继续显示过时的数据?

0 投票
1 回答
1063 浏览

redux - 如何测试graphql apollo组件?如何在 compose() 中获得完整的覆盖?

我在完全覆盖我的 apollo 组件时遇到问题。伊斯坦布尔报告 compose() 内部的函数没有被调用。这些是 Redux connect() 函数和 apollo graph() 函数。

我正在使用酶进行安装,尝试做类似于react-apollo示例的事情。

我能够实现 100% 覆盖的唯一方法是导出所有函数并直接调用它们。

0 投票
10 回答
43251 浏览

javascript - React Apollo - Make Multiple Queries

I have a queries file that looks like this:

I then import this file to my React component:

This will only get data for one of the queries (getApps) and not both. If I do one at a time so that it looks like this:

then it works but I don't have my other query. Yes, I have tested both separately and they work. How do I get it so that both queries show up in my props.data?

0 投票
1 回答
6625 浏览

javascript - 有什么方法可以使用 apollo 客户端在 reactjs 中向 graphql 发送多部分表单请求

我是新来对graphql做出反应的人。

我想通过网络接口将 .pdf 文件上传到服务器。

我需要做的就是使用 apollo 客户端编写一个 graphql 查询,它将多部分表单数据发送到服务器。

我试图在谷歌上搜索它,但我没有找到任何合适的解决方案。

0 投票
1 回答
533 浏览

cors - CORS Apollo 仅 React 前端

我有一个非常愚蠢的问题。我有一个不是我的在线服务器的 graphQL API。我在使用 CORS 时遇到了一些问题(当我在浏览器中使用魔法时效果很好)。像这样的每个问题都是关于服务器端的,但在这里我不能对服务器做任何事情。那么有没有可能通过前端获取数据而没有任何问题?我使用 React Apollo 堆栈。