react-apollo相关内容

使用LOCALHOST:3000访问不同URL上的GraphQL API时出现CORS问题

我搜索了整个StackOverflow,看到了类似的问题,但没有找到有效的解决方案。想知道有没有人有可行的解决方案?我正在本地主机:3000上开发一个Create Reaction应用程序,并尝试通过我的Apollo客户端访问不同站点上的URI(我正在使用https://developer.github.com/v4/explorer/进行测试)。 我已经将‘no-CORS’的fetchOpti ..

仅当在浏览器中刷新页面时,数据在Apollo客户端的用户查询中才变得未定义

以下代码在热重新加载Reaction应用程序时起作用。但当我按刷新按钮(或按F5)时,应用程序崩溃,提示数据未定义。 我已经尝试了FETCH-CACHE-POLICATION,每个策略 在GQL操场和阿波罗客户端DevTools中都没有错误。查询运行正常。 import React, { useContext } from 'react'; import { useQuery } from ..
发布时间:2022-07-21 16:03:38 前端开发

GraphQL查询错误!变量已声明但从未使用过

我正在尝试根据搜索关键字获取Shopify产品。 我通过在查询中传递硬编码值来测试此查询,它工作得很好,但我需要传递变量值,因此在这种情况下它会给出错误 GRapghql查询错误搜索关键字已声明,但未使用。 以下是我根据title、tag和product_type搜索产品的查询。 失败案例: export const searchProductsQuery = gql ..
发布时间:2022-06-28 18:44:46 前端开发

如何从Apollo设置上下文http链接访问反应上下文

我正在尝试访问我的Apollo客户端的setContext函数中的Reaction上下文值。我希望能够使用Reaction上下文值动态更新每个GraphQL请求的头。但我遇到一个错误,日志中没有可见的错误消息。我正在尝试做的事情可能吗? import React, { useState, useContext } from "react"; import { render } from "r ..

将变量从输入传递给 GraphQL 搜索调用

我正在学习graphql和react-apollo.我在我的代码中设置了一个搜索查询.我不确定如何将变量从我的代码(即 this.state.search)传递给我的 grapnql 调用. 我看了很多答案,包括 这个,但似乎有点不同. 文档似乎也没有 给出关于如何使用状态作为变量的任何指导. 我的代码如下. 谁能建议如何连接这两者? import React, { Co ..
发布时间:2022-01-04 11:14:37 前端开发

JS TypeError:无法读取属性“..."未定义,尽管数据被返回?

我正在关注这个 Apollo 分页教程: 阿波罗分页示例 我的问题摘要: 我有一个已知的 GraphQL 查询,可以在操场上使用.当我尝试获取数据并在 React 组件中使用它时,如上面的 Apollo 链接中所述,我收到以下错误: "TypeError: 无法读取未定义的属性 'errorlogsConnection'" 但是,当我在 Web 控制台中检查来自 gr ..
发布时间:2022-01-04 11:12:38 其他开发

如何将数据从 GraphQL 服务器显示到 npm react-table?

我已经开始使用 GraphQL 服务器 和 Apollo 客户端.代码是用 Reactjs 编写的.现在我想使用任何查询从 GraphQL 服务器获取数据,并将数据显示到 UI 中的表中.我使用 npm react-table 作为表格. 表格可能如下所示: 如果查询响应没有数组,我可以轻松获取和显示数据.例如,我有下面的查询输入字符串: {帐户 {名姓ID}} 无数组的查询结果 ..
发布时间:2022-01-04 11:09:57 其他开发

如何使用react-adopt动态设置变异中的变量?

在我的组件中,我使用 react-adopt 来组合 graphql 查询和突变,这样我的渲染道具就不会变得太混乱.我有以下代码: 这是我的突变,它需要一个参数 - planID. const CREATE_ORDER_MUTATION = gql`突变 CREATE_ORDER_MUTATION($planID: String!) {创建订单(计划ID:$计划ID){计划ID名称描述订阅 ..
发布时间:2022-01-04 11:08:14 其他开发

Graphql,react-apollo 如何在加载组件状态时将变量传递给查询

我有一个简单的反应组件,必须在用户询问时从服务器加载数据.问题是我不知道如何传输动态变量 SpeakerUrl 并在组件加载状态之前访问它.当然我可以从 this.props.params 访问它,但是组件没有加载,我在进行 graphql 查询时无法访问它.查询 - QuerySpeaker 在我手动设置 url 变量时工作正常. 路由器 组件 - SpeakerPage 从're ..
发布时间:2022-01-04 11:02:11 前端开发

Reactjs/Apollo/AppSync Mutation Optimistic Response Resolved ID

所以首先我会先说我对我的突变添加了一个乐观的响应,所以它会停止产生重复的引用 这里 和之前的 SO问题. 所以这一切正常,但我有一组依赖突变在第一次使用 async await 之后运行. submitForm = async() =>{//只有当表单完成时才提交如果(!this.state.saveDisabled){尝试 {//由于 AWS AppSync,乐观响应是必要的//htt ..
发布时间:2022-01-04 10:58:19 其他开发

React Apollo 和 Redux:将自定义减速器与 Apollo 状态相结合

当在 redux 中使用 react-apollo 时,来自服务器的数据缓存在 redux 存储中的 apollo 键下: {apollo://Apollo 查询的结果} 在创建您自己的 reducer 和相应的状态树后,您的商店可能如下所示: {阿波罗:{ ... },用户界面:{所选项目:2;显示项目:6}} 想象有一个动作改变了 ui.selectedItem 的值,这个值是埋在 a ..
发布时间:2022-01-04 10:58:12 其他开发

撰写未从反应阿波罗导出

我正在关注 youtube 上的 graphql 教程(https://www.youtube.com/watch?v=ed8SzALpx1Q 在大约 3 小时 16 分钟),其中一部分使用来自“react-apollo"的 compose.但是,我收到一个错误,因为新版本的 react-apollo 没有导出这个. 我在网上读到我需要将 import { compose } from "r ..
发布时间:2022-01-04 10:50:05 其他开发

如何使用graphQL在React/Apollo中setState()

我正在尝试将 setState() 设置为我从 graphQL 获得的查询结果,但我很难找到如何执行此操作,因为它将始终加载,或者仅从 props 中使用.我先设置状态 构造函数(道具){超级(道具);this.state = { 数据:[] }; 然后我有这个查询 const AllParams = gql`查询 AllParamsQuery {参数{ID,参数,输入}}` 当它回来时, ..
发布时间:2022-01-04 10:45:38 其他开发

React-apollo 更新与重新获取

我正在使用 react-apollo 并且已经使用了很长时间.对我来说已经是个问题的一件事是 refetch 在使用突变只要我一直在使用该应用程序,这一直是一个已知问题. 我通过使用查询中可用的 refetch 道具解决了这个问题. {({加载,数据,错误,重新获取}) = ..
发布时间:2022-01-04 10:36:09 前端开发