问题标签 [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.
graphql - 如何将模拟的可执行模式传递给 Apollo 客户端?
Apollo GraphQL 的 Mocking 示例具有以下代码(见下文)。
有趣的是最后一行 - 他们创建并执行graphql
查询。但是你通常需要创建 ApolloClient 对象。我不知道该怎么做。
ApolloClient 期望 NetworkingInterface 作为参数而不是可执行模式。
那么,有没有一种方法可以在没有 NetworkingInterface 的情况下从可执行模式创建 ApolloClient?
reactjs - 使用 graphql 反应组件默认道具
我正在尝试从后端 graphql 服务获取记录并使用 Array.map 函数呈现它们。不幸的是,在它们被加载之前我得到了错误,因为它们是未定义的。我试图在组件上设置默认道具,但它不起作用。我是否必须检查是否所有内容都已加载,或者是否有特定方法将默认值注入这些道具。我的代码现在看起来像这样
reactjs - 阿波罗突变未出现在道具中
这是我的组件:
这似乎是一个非常简单的例子,但是当我运行它时,道具是空的:
reactjs - 从 getDataFromTree 中的 store 获取初始状态时我们应该如何处理错误
我想要做什么
使用来自我们的 graphql 服务器的错误数据渲染页面服务器端。
语境
我们的 GraphQL 服务器与多个 API 对话并返回由 Apollo UI 处理的 graphQL 响应。
某些 GraphQL 错误不被认为是严重的,我们仍然希望使用它来呈现页面。例如
通过我们从 Apollo 获得的上述响应,我们仍然希望使用thing
. 看看getDataFromTree
这里的实现,任何错误都会被抛出,而没有其余的数据。
我们计划如何处理我们的错误
以下是我们计划如何处理代码的片段:
如果有办法解决这个问题,或者我是否遗漏了什么,请告诉我。
额外问题:
- 甚至应该
getDataFromTree
抛出错误?感觉责任应该在消费者身上。
redux - 阿波罗单一事实来源
redux 具有“单一事实来源”的原则,我很难弄清楚来自 GQL 的轮询片段将如何继续保持这一原则。
TL;DR : apollo 是否对整个应用程序或每个 apollo 容器的实体进行规范化?
Apollo 有自己的 redux 商店。通过架构图,我看到在将数据应用到 redux 之前有一个规范化阶段。
我的问题是:假设我有一个帖子模式和一个用户模式。轮询帖子时,我会提取帖子信息,以及作者(用户模式)名称和个人资料图片。我有一个带有阿波罗的帖子容器。所以我猜阿波罗商店现在有这个状态:
但是当用户 - James 将他的名字更改为 Julian 和另一个组件时会发生什么,经常更新的聊天菜单组件将具有用户 ID:32 和不同的名字 Julian。
帖子容器也会因此而更新吗?还是会继续显示过时的数据?
redux - 如何测试graphql apollo组件?如何在 compose() 中获得完整的覆盖?
我在完全覆盖我的 apollo 组件时遇到问题。伊斯坦布尔报告 compose() 内部的函数没有被调用。这些是 Redux connect() 函数和 apollo graph() 函数。
我正在使用酶进行安装,尝试做类似于react-apollo示例的事情。
我能够实现 100% 覆盖的唯一方法是导出所有函数并直接调用它们。
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?
javascript - 有什么方法可以使用 apollo 客户端在 reactjs 中向 graphql 发送多部分表单请求
我是新来对graphql做出反应的人。
我想通过网络接口将 .pdf 文件上传到服务器。
我需要做的就是使用 apollo 客户端编写一个 graphql 查询,它将多部分表单数据发送到服务器。
我试图在谷歌上搜索它,但我没有找到任何合适的解决方案。
cors - CORS Apollo 仅 React 前端
我有一个非常愚蠢的问题。我有一个不是我的在线服务器的 graphQL API。我在使用 CORS 时遇到了一些问题(当我在浏览器中使用魔法时效果很好)。像这样的每个问题都是关于服务器端的,但在这里我不能对服务器做任何事情。那么有没有可能通过前端获取数据而没有任何问题?我使用 React Apollo 堆栈。