-
7 votesanswersviews
Apollo-client(反应) - 创建变异更新 - “无法在对象上找到字段基金({})(ROOT_QUERY)”
使用:“react-apollo”:“^ 1.4.3” 在父组件中,我使用GraphQL查询具有子项'fundQuarterlyMetric'的父节点'Fund' . 这将以以下格式返回数据: { id name ... fundQuarterlyMetrics (orderBy: asAtDate_ASC) { id year quarter ... -
3 votesanswersviews
Apollo graphql连接的React组件没有重新渲染
我正在构建一个基于graphql的身份验证机制,我正在试图弄清楚为什么一个graphql连接的组件在重新登录后没有重新渲染...例如: 在 /users 我有一个react-apollo graphql-connected用户组件,它请求用户列表 . 如果没有提供令牌,服务器将返回验证错误;该组件将 <Redirect> 呈现为 /login 路由;成功登录后,Login组件会... -
0 votesanswersviews
apollo client 2.0 graphql react auth
我试图在绿地项目中正确完成我的身份验证 . 我的身份验证提供程序是AWS cognito . 我写了一个cognito helper模块来与它进行交互 . 虽然我不太确定如何将我的apollo客户端与我的身份验证状态同步 . export const authenticate = (username: string, password: string) => { const auth... -
2 votesanswersviews
React - Apollo Client,如何将查询结果添加到状态
我创建了一个由Apollo客户端和graphQL驱动的react应用程序 .我的模式已定义,因此预期的结果是一个对象数组( [{name:"metric 1", type:"type A"},{name:"metric 2", type:"type B"}] ) 在我的jsx文件中,我定义了以下查询: query me... -
1 votesanswersviews
使用Refetch with apollo重新呈现查询和组件
我有问题通过查询用新数据补充组件 . 为了设置前提,我有两个兄弟姐妹组件,如下所示: <Container> <Navbar /> <Login /> || <Home /> </Container 基本上在我的登录组件中,当我点击登录时,我有一个像这样运行的变异: this.props.mutate({ variable... -
3 votesanswersviews
用graphql反应组件默认道具
我正在尝试从后端graphql服务获取记录并使用Array.map函数呈现它们 . 不幸的是,在它们加载之前我得到了错误,因为它们未定义 . 我试图在组件上设置默认道具,但它没有用 . 我是否必须检查是否所有内容都已加载或是否有特定的方法将默认值注入这些道具 . 我的代码现在看起来像那样 import React from 'react'; import { graphql } from 'rea... -
4 votesanswersviews
Apollo:从远程模式扩展类型
我目前有多个运行Apollo的GraphQL服务,并创建了一个使用远程模式拼接的“网关”服务,以便为我提供单一的访问 endpoints . 在我的网关服务中,我希望扩展远程类型以在拼接模式之间创建引用 . const linkTypeDefs = ` extend type User { profile: Profile } extend type P... -
0 votesanswersviews
我应该直接使用Apollo数据还是在Redux商店中保存/修改它?
我应该如何处理从Apollo查询中检索到的数据? 我的第一个想法是将它保存在redux存储中,修改它(使用redux减少它,使用动作创建器)然后,当数据准备好(用户点击“保存”按钮)时,向Apollo发送一个变异以更新它服务器 . 不过,我认为这不是最好的方法 . 我应该避免在这里使用Redux商店并直接使用Apollo命令式API吗? -
0 votesanswersviews
GraphQL嵌套变异Sequelize
我正在使用graphQL,sequelize和nodejs与apollo客户端 . 我从UI发送的数据是以下形式的嵌套结构: 祖父母父母的孩子 因此,祖父母可以有一个或多个父母,父母可以有一个或多个孩子 . 我正在尝试使用一个GraphQL突变更新使用sequelize创建的SQLite数据库 . 我能够创建一个扁平结构的突变: schema.gql文件内容 - > type Mutat... -
0 votesanswersviews
在apollo客户端2.0中更新缓存
我有以下查询: const FETCH_CUSTOMERS = gql` query customers($cursor: Int!, $pageNumber: Int!) { customers(cursor: $cursor, pageNumber: $pageNumber) @connection(key: "customers", filter:... -
0 votesanswersviews
React-Apollo查询重新获取会导致子项卸载
我有一个包含在 Query 组件中的显示组件,用于从GraphQL查询中接收数据 . 在我执行变异后,我必须重新获取数据以更新商店 . 问题是调用 refetch() 导致子组件被卸载,从而破坏用户一直在做的引起突变的交互和滚动 . 有没有办法调用 refetch() 而不会导致孩子卸载?如果没有,是否有更好的方法来更新不会导致卸载的商店?下面是 Query 组件及其子组件的代码 . <Qu... -
1 votesanswersviews
在突变后设置Apollo缓存/状态
我正在使用Apollo 2.0来管理我的graphQL API调用并处理我的react应用程序的全局状态 . 我正在尝试创建一个登录屏幕,用户输入他们的用户名和密码,这将被发送到我的API进行身份验证,一旦成功,我想将 isLoggedIn 的全局状态设置为 true . 到目前为止,我能够使用一个使用 @client 声明的突变来设置全局状态,因此它只关注本地状态 . 我有另一个突变,它使gr... -
0 votesanswersviews
Apollo GraphQL流程结合了Cordova Facebook插件和后端身份验证
我正在寻找GraphQL / Apollo认证流方式,它结合了客户端Facebook登录API和GraphQL突变,通过后端解析器消费Facebook令牌并验证用户身份 . 我更喜欢将客户端上的Facebook登录呼叫与充分利用Apollo功能的后端身份验证相结合的声明方式 . 据我了解Apollo文档,建议通过GraphQL查询和突变完成所有状态管理和外部集成,其中可以使用 @rest 或 @c... -
0 votesanswersviews
如何在graphql / apollo中执行此操作
我有一个复选框,如果选中,则应设置已加载数据的属性 . 我是graphql的新手,想知道这是如何以正确的方式完成的 . 数据加载时的变异? 在redux中,我会这样做 . 行动: const fetchVendorsSuccess = (vendors, selectAll) => ({ type: FETCH_VENDORS_SUCCESS, payload: { sele... -
3 votesanswersviews
Apollo GraphQL(React)跨组件的数据共享
我刚开始使用react-apollo,并想知道跨组件共享数据的最佳方式是什么 . 例如,我有 componentA 从 react-apollo 使用 grapql 来获取一些数据( WrappedA ) . 我还有一些其他组件, componentB ,在我的UI中的其他地方,并且想要使用 componentA 已经提取的数据 . 附上一个非常简单的例子 . const ComponentA =... -
0 votesanswersviews
Apollo客户端缓存不能像我想象的那样工作
My problem: 我是GraphQL的新手,我正在使用Apollo服务器和客户端开发我的第一个完整堆栈应用程序,这是一个简单的博客 . 在客户端,我在两个不同的页面中使用相同的查询,但具有不同的变量 . 查询是通过ID或slug查询博客文章,具体取决于我使用它的页面 . 所以结果是一样的,只有变量的查询变量 . 当我在一个页面中使用查询时,我认为由于Apollo缓存,查询不会在第二页上运行 ... -
1 votesanswersviews
服务器端使用Apollo GraphQL和React在同构应用程序中呈现请求后清空缓存
我有一个同构js应用程序的一点问题,也许你可以帮我这个 . 我按照本教程:https://www.apollographql.com/docs/react/features/server-side-rendering.html关于SSR,它基本上工作得很好 . 初始请求是正确呈现的,所以这很好 . 这是缓存,让我头疼...每当我调用 client.extract() 它只返回一个空对象,所以我的完... -
0 votesanswersviews
Graphql Apollo客户端问题:[网络错误]:SyntaxError:JSON输入的意外结束
我在使用apollo客户端从React.js应用程序查询graphql服务时遇到网络问题 . graphql查询获取此错误: [网络错误]:SyntaxError:JSON输入的意外结束 . 查询: <Query query={gql` query { items( param1: "value1" param2: ... -
0 votesanswersviews
如何使用apollo服务器从服务器设置响应头?
我有一个应用程序在用户令牌过期时更新它 . 我需要使用此令牌更新客户端以防止错误 . 我实际上无法将新令牌送到前端,因为似乎无法在响应中设置任何内容 . 如果有帮助,我在我的后端使用Graphql和护照 . 我试过res.send,res.setheader等... 有谁知道如何从apollo服务器向apollo客户端发送新的头条目? -
0 votesanswersviews
如何在vue-apollo客户端中定义GraphQL输入类型
情况: 我使用laravel-graphql作为后端GraphQL服务,使用vue-apollo作为前端客户端 . 在我的Vue组件中,我有一个gql查询,如下所示:(关系:一首歌有更多的SongPart) const getSong = gql` query FetchSong ($id:Int!){ song(id: $id) { id, ... -
0 votesanswersviews
如何在react-apollo中刷新变量
这是场景: USER 1 1)进入登录页面 2)写入通过突变发送到服务器的电子邮件和密码 3)身份验证确定 - >服务器返回令牌和用户信息(id,firstName,lastName) 4)令牌和每个用户信息存储在本地存储中的单独密钥中 5)用户被重定向到主页 6)用户转到 Profiles 页面 7)向服务器发送查询以检索有关该用户的所有信息(由于存储在本地存储... -
0 votesanswersviews
Apollo运行查询并听取更改
我的apollo项目开始变得越来越大,我遇到的问题是努力使本地缓存与数据库保持同步 . 例如,我将更改变异的响应,然后根据响应类型找出其他一些查询 . 这使我的查询加在一起,并且很难进行更新 . 我想要的是通过websockets运行我的所有查询 . I.E.数据库是事实的来源,当websocket发生更改时,所有数据都会刷新 . 读完后https://github.com/apollograp... -
15 votesanswersviews
如何在Apollo GraphQL查询返回后更新Redux存储
我正在使用react apollo提供的 graphql HOC获取数据列表 . 例如 . : const fetchList = graphql( dataListQuery, { options: ({ listId }) => ({ variables: { listId, }, }), props: ({ data... -
1 votesanswersviews
Apollo无法在更新中访问queryVariables:突变后
我正在尝试使用update:在执行突变后更新查询 . 问题是商店中的查询应用了几个不同的变量,我想更新查询并使用相同的变量返回它 . 我在文档中发现updateQueries有一个选项可以包含queryVariables,它是执行查询的最后一组变量 . 我还没有找到任何描述如何从更新内部检索queryVariables或类似内容的东西 . 更新内部:我可以使用 lastQuery = Object... -
0 votesanswersviews
Apollo Client和Redux设置会导致无限渲染循环
我正在尝试将React Apollo与Redux连接起来,以便Apollo执行查询和突变,并将返回的数据分派到Redux商店,以便在应用程序周围分发数据 . 我相信我已接近正确,但由于某种原因,该应用程序进入无限循环的Redux调度,我无法弄清楚为什么 . 见下面的代码: class Admin extends Component { constructor(props) { ... -
4 votesanswersviews
如何在突变后更新分页列表?
我有一个带有消息列表的线程,它使用 GET_THREAD_MESSAGES 查询获取 . 该查询是分页的,并且取决于用户之前是否已经看过该线程可能加载第一页,最后一页或仅加载新消息 . (即 first/after/before/last 中的任何一个都可以传递任何值) thread(id: "asdf") { messageConnection(after: $afte... -
0 votesanswersviews
Apollo Client 2.1中的变异错误处理
新的Apollo Client 2.1使用渲染道具模式而不是HoC模式,因此它改变了查询和变异的处理方式 . 我已经开始使用它,但我不确定一些基本的东西 . 一个是错误处理 . 我有一个自定义的“AuthResponse”组件,我想传递成功或错误响应 . 如果这是一个错误(或成功),我正在使用React的本地组件状态将错误传递给我的AuthResponse组件,但我不确定这是否是最好的方法? &l... -
0 votesanswersviews
Apollo客户端变异错误和更新组件
我有以下代码,我试图决定如何处理错误: const gqlWrapper = graphql(registerMutation, { props: ({ mutate, ownProps }) => ({ registerUser: userDetails => { mutate({ variables: ... -
2 votesanswersviews
从React-router传递params到Apollo Client 2.1中的查询组件
如何将Route中的 match.params 传递给新的Apollo查询组件?我正在尝试在Apollo 2.1之前构建一个React组件并使用新的查询组件来学习如何使用它们 . 我之前的代码: const Post = ({ data: { loading, error, post } }) => { if (error) return <h1>Error fetching... -
0 votesanswersviews
React Apollo:在商店中更新可重用查询的特定实例
我在反应应用程序中表示层次结构 . 每次单击节点旁边的()时,它都会使用GET_CHILDREN查询和父级唯一ID的变量 . 那么有自己孩子的孩子也会有() . 当然,当您单击它时,它也使用GET_CHILDREN,并使用新的父ID . 当我运行新的ADD_CHILD突变时,我遇到了麻烦 . 它提交的数据很好,但我也试图立即更新商店,或者至少指向要重新获取的GET_CHILDREN的特定实例 . ...