apollo-client相关内容

如何使用 React Apollo 2.1 的 Mutation 组件在装载上运行突变?

我们目前正在从 Relay 转移到 React Apollo 2.1 和我正在做的事情似乎很可疑. 上下文:某些组件必须仅在用户通过身份验证(通过 API 密钥)时才能呈现,因此有一个 Authenticator 组件保护树的其余部分. 在 App.js 中,它是这样使用的(显然下面的所有片段都是最小的例子): 从'react'导入React;从'./Authenticator'导入 ..
发布时间:2021-11-15 22:13:08 前端开发

GraphQL 动态查询构建

我有一个 GraphQL 服务器,它能够为指定来源(例如,传感器数据)提供时间序列数据.获取传感器数据的示例查询可能是: 查询 fetchData {时间序列数据(源 ID:“源 1"){数据 {时间价值}}} 在我的前端,我希望允许用户选择 1 个或多个来源并显示一个图表,每个来源都有一条线.通过使用这样的查询,这似乎是可能的: 查询 fetchData {series1: timeser ..
发布时间:2021-11-15 22:13:05 其他开发

Apollo GraphQl 存储派生数据

一些上下文:我正在开发一个 React JS 应用程序,它从数据库中读取地理点并以各种方式绘制/映射它们.有原始地图和图表直接显示来自数据库的数据,但也有图表和指标涉及对斜率图、图下面积、直方图、欧几里德距离等点的分析. 我设置了一个 GraphQL 客户端,用于向我安装了 Apollo-Client 的 React 应用程序提供数据.以下是 GraphQL 响应示例: {“数据": {“ ..
发布时间:2021-11-15 22:13:00 其他开发

Apollo 客户端变异错误处理

我在服务器上使用 GraphQL 和 mongoose. 当发生验证错误时,GraphQL 突变会发送一个状态码为 200 的响应.在客户端,响应如下所示: {“数据":空,“错误":[{"message": "id 错误...",“路径":“_id"}]} 我想使用 apollo-client 突变承诺的 catch 功能访问验证错误.类似的东西: this.props.d ..
发布时间:2021-11-15 22:12:54 其他开发

使用 Apollo 客户端注销后重置商店

我正在尝试在我的 react-apollo 应用程序中注销后重置商店. 所以我创建了一个名为“logout"的方法,当我点击一个按钮时调用它(并通过“onDisconnect"道具传递). 为此,我尝试按照以下示例进行操作:https://www.apollographql.com/docs/react/recipes/authentication.html 但在我的情况下,我希 ..
发布时间:2021-11-15 22:12:51 其他开发

突变后自动更新 apollo 客户端缓存,不影响现有查询

我有一个突变(UploadTransaction)返回名为 Transaction 的特定对象的特定列表. #import "TransactionFields.gql"突变上传交易($文件:[上传!]!){上传文件(文件:$文件){交易{...事务字段}}} 从后端(石墨烯)返回的事务具有 id 和 typename 字段.因此它应该自动更新缓存中的事务.在 Apollo 的 chrome ..
发布时间:2021-11-15 22:12:40 其他开发

Apollo 订阅解析器永远不会激活?

我的组件正在调用订阅查询,但由于某种原因订阅解析器未被访问:其中的断点从未被激活.然而在客户端,我收到了 GraphQL 订阅错误: “订阅必须返回异步迭代.收到:未定义" 这可能是什么原因造成的? 提前感谢大家提供任何信息. 订阅查询 const IM_SUBSCRIPTION_QUERY = gql`订阅 getIMsViaSubscription($fromID: ..
发布时间:2021-11-15 22:11:58 其他开发

Apollo React 钩子数组对象突变

所以我正在使用 MongoDB、Apollo、React Native (Expo) 和 Node 做一个 MARN 堆栈 我一直在想如何上传对象数组.即带有一系列镜头的帖子 在 Apollo 游乐场中一切正常: mutation createPost {创建邮政(输入: {镜头:[{title: "测试测试测试"内容:“测试测试测试"图片:“https://source.unspl ..
发布时间:2021-11-15 22:11:42 其他开发

GraphQL:如何处理在其自己的类型定义中引用类型?

假设我有以下内容: type User {id: 整数!名称:字符串dob:字符串朋友:[用户]}询问 {用户(id:Int!):用户} 在我看来,我刚刚创造了无限递归的潜力: query GetUser($userId: Int!) {用户(ID:$userId){朋友们 {姓名朋友们 {姓名朋友们 {姓名...等等}}}}} 我如何在我的 user 解析器中防止这种情况发生? 解 ..
发布时间:2021-11-15 22:11:39 其他开发

为什么需要 refetchQueries?

我正在学习有关 GraphQL 的教程,在视频中,作者没有使用 refetchQueries 进行 deleteMutation,并且所有这些都适用于 UI 更新和突变.但这里在项目沙箱代码更新和 refetchQuery 现在用于作业组件上的此操作 -> line 20 -> deleteJob(): codeSandBox. 我的应用程序中也有类似的问题,如果没有在任何地方完成 refe ..
发布时间:2021-11-15 22:11:29 其他开发

如何在 cache.readQuery 或 cache.writeQuery 中使用 this.state.rent 值而不是 this.props.house.rent 值

旧值回到输入字段. 我已经用输入字段值 this.state.rent(用户输入的值)初始化了 this.props.house.rent(这是旧的值)但是我不能这样做,因为它变成了反模式语法,你可以看到它在下面的代码注释中. cacheUpdate = (cache, { data: { updateHouse } }) =>{const 数据 = cache.readQuery({查询 ..
发布时间:2021-11-15 22:11:23 其他开发

Apollo 客户端是否在 React 中缓存嵌套对象?

进行以下查询: 查询 Foo {富{ID酒吧(编号:1){ID巴兹}}}查询栏{酒吧(编号:1){ID巴兹}} 有时,运行第二个查询会给我一个缓存版本的 bar.其他时候,它没有,但我不确定这是因为查询多次运行还是因为这是 React 中 Apollo 客户端的默认行为. 解决方案 不,它没有(至少截至 2019 年 11 月).要在运行 Foo 查询时将 bar 对象放入缓存中,您需 ..
发布时间:2021-11-15 22:11:20 其他开发

如何强制 Apollo Client 将缓存数据用于详细信息视图页面

我有一个基于分页游标的查询 TODOS 和带有查询 TODO 的详细信息页面,用于按 ID 获取数据.每当我进入详细视图并使用 useQuery 和 TODO 查询(其中包含与 TODOS 查询结果完全相同的数据,它仍然尝试获取数据从服务器而不是缓存.我怎样才能实现不从服务器获取数据(因为它已经存在),我认为 Apollo 通过 id 检测并从缓存中返回但没有.有什么建议吗? 与此类似的问题 ..
发布时间:2021-11-15 22:11:10 其他开发

关于父/子关系和组件的问题

我目前正在尝试将项目从 vuex/REST 移植到 vue-apollo.该项目显示了一个活动列表,每个活动都可以展开以显示详细信息,包括参与者. 所以我有一个 EventList 组件,它获取列表所需的事件和所有属性.我有一个从 onclick 列表中展开的 EventDetails 子组件.EventDetails 需要一些事件数据以及要呈现的与会者列表.问题是,我找不到一种优雅的方式来 ..
发布时间:2021-11-15 22:10:58 前端开发