react-apollo相关内容

使用 Apollo Client 动态设置 React 组件的 GraphQL 查询

我正在构建一个 React 前端,它允许用户从静态查询列表中选择一个“活动"查询,并将结果展平到表格中.将 GraphQL 查询从高阶组件传递到嵌套子组件的最佳方法是什么? 我见过的大多数文档/解决方案都侧重于将静态查询与从组件状态的动态条件绑定到组件,这不符合我的目的,因为不同的静态查询具有不同的字段并查询不同的节点类型. 这里的最佳实践/推荐方法是什么?我觉得这不是一个非常独特的用 ..
发布时间:2021-12-29 11:44:03 其他开发

如何在状态更改时阻止 useQuery 运行?

我正在使用 React Apollo 从我的服务器获取数据.当我的页面加载时,我使用 useQuery 来检索数据.这工作正常.问题是当我对搜索表单进行更改时,这会更新状态,从而导致不必要的重新渲染,从而再次调用服务器. 我只想在页面加载和点击搜索按钮时调用服务器. 使用查询: const { loading: loadingLessons, 错误: 课程错误, 数据: 课程 } = ..
发布时间:2021-12-29 11:31:48 其他开发

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

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

使用 Apollo 和 React-native 的身份验证问题

我有这个身份验证问题 注册工作正常,服务器获取注册数据:用户密码电子邮件和号码.这一步之后,我就有了OTP验证 我得到了 PIN 码并运行了验证突变.在验证时,我收到错误: 您未通过身份验证 所有过程都停止了,因为我没有得到验证 这里是 react-native 部分的代码 const VERIFY = gql突变($token:字符串!,$kind:TokenKi ..

useQuery 返回未定义,但返回 gql 操场上的数据

"@apollo/react-hooks": "^3.1.3","阿波罗客户端": "^2.6.8", Apollo 客户端在 react 应用程序上返回 undefined 但返回 gql playground 上的数据,我不明白为什么它不能在客户端运行,但可以在 graphql playground 上运行. 架构 我为用户查询定义了联合以进行错误处理. 类型查询{用户(ID: ..
发布时间:2021-11-15 22:18:55 其他开发

如何在 React 中的 Apollo 客户端变异组件中包装 GraphQL 变异

我在将 Apollo 突变组件与查询组件一起包装时遇到问题.如果您查看 updateCell 函数,我可以获得该行的 oldValue、newValue 和 ID.如何使用 Apollo 客户端变异组件将值传递给 ADDCOST 变异. 下面是我的代码: 预先感谢您提供任何提示. const APPROVALCHAIN_QUERY = gql`{vApprovalChainAppro ..
发布时间:2021-11-15 22:18:29 前端开发

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

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

如何在 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:18:08 其他开发

使用 apollo-client + firebase auth 刷新令牌

在使用 apollo-client 和 firebase 的身份验证服务时,我在计算令牌刷新时遇到了一些麻烦. 我之前使用 apollo 客户端设置了令牌刷新.通常我使用 apollo-link-error 包(apollo-link-error docs). 我的理解是您从 firebase auth 获得了最新的令牌,承诺如下: firebase.auth().current ..

Apollo React 钩子数组对象突变

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

使用 Apollo 和 React-native 的身份验证问题

我有这个身份验证问题 注册工作正常,服务器获取注册数据:用户密码电子邮件和号码.这一步之后,我就有了OTP验证 我得到了 PIN 码并运行了验证突变.在验证时,我收到错误: 您未通过身份验证 所有过程都停止了,因为我没有得到验证 这里是 react-native 部分的代码 const VERIFY = gql突变($token:字符串!,$kind:TokenKi ..

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

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

在类组件的方法中获取查询

带有反应的阿波罗客户端 (2.6.3).是否可以在类组件的方法中获取数据?我正在构建一个全局搜索组件,并且我只想在键入第三个(以及每个后续)字符时获取数据.现在它是用 fetch api 实现的,但我想切换到 apollo 客户端和 graphql api. 直到这一刻我还没有遇到任何关于 apollo 客户端 API 的问题,因为我使用 组件. 我尝试使用新的 hooks api,但 ..
发布时间:2021-11-15 22:17:29 前端开发

从查询数据派生的 apollo-link-state 默认值?

注意:这是我之前关于 的问题的后续问题Apollo GraphQl 存储派生数据 我使用 apollo-link-state 来存储从查询数据派生的数据.在这个例子中,来自数据库的查询数据包括图形上的一些 (x,y) 点,导出的数据是斜率、移动平均值、加速度等. 我的 React 绘图组件需要原始数据和派生数据的不同组合.有些只需要原件. 我只需要计算一次派生数据,并且仅在我查询 ..
发布时间:2021-11-15 22:17:25 其他开发

反应:组件属性没有正确存储我想要的数据(来自查询)

我最近开始学习react,遇到了一些我不明白的事情.所以当我声明一个组件时,我也在构造函数中声明了一个属性.然后,在执行第一个查询(我使用 Apollo 客户端 - GraphQL )后,我想将结果(我知道这将始终是电子邮件)存储在声明的属性中,以便我可以将其用作第二个查询中的参数. 应用逻辑是我想显示给定电子邮件的所有订单,但首先我会收到带有查询的电子邮件. 代码如下: expor ..
发布时间:2021-11-15 22:17:23 其他开发