首页 文章
  • 1 votes
     answers
     views

    在graphql查询中包装组件时出错

    我正在使用apollo客户端向graphql服务器发送请求 . 所以我用这种方式将一个react组件包装在graphql函数中 graphql(query)(HomeView); 我得到了这个错误: 传递给解析器的[object Object]参数不是有效的GraphQL DocumentNode . 您可能需要使用“graphql-tag”或其他方法将操作转换为文档 我该如何解决这个问题?...
  • 0 votes
     answers
     views

    更新apollo客户端的变异响应

    我有一个登录组件,在提交时,调用登录变异并检索用户数据 . 返回用户数据时,我想设置apollo客户端状态,但我对如何操作的文档感到困惑: 我的组件看起来如此: const LOGIN = gql` mutation login($username: String!, $password: String!) { login(username: $username, password: ...
  • 3 votes
     answers
     views

    使用GraphQL的联合与反应原生的apollo反应

    我目前正在反应原生应用中使用react-apollo而我正面临一个问题 . 每当我尝试创建包含联合的查询时,它都会失败,从而引发以下网络错误: 网络错误:请求的值不是对象的键 我在React.js应用程序中使用完全相同的代码,它可以正常工作 . GraphQL endpoints 是我自己的服务器,使用Youshido软件包在PHP中开发 . 这是片段声明部分: const httpLink...
  • 0 votes
     answers
     views

    我应该直接使用Apollo数据还是在Redux商店中保存/修改它?

    我应该如何处理从Apollo查询中检索到的数据? 我的第一个想法是将它保存在redux存储中,修改它(使用redux减少它,使用动作创建器)然后,当数据准备好(用户点击“保存”按钮)时,向Apollo发送一个变异以更新它服务器 . 不过,我认为这不是最好的方法 . 我应该避免在这里使用Redux商店并直接使用Apollo命令式API吗?
  • 0 votes
     answers
     views

    React-Apollo查询重新获取会导致子项卸载

    我有一个包含在 Query 组件中的显示组件,用于从GraphQL查询中接收数据 . 在我执行变异后,我必须重新获取数据以更新商店 . 问题是调用 refetch() 导致子组件被卸载,从而破坏用户一直在做的引起突变的交互和滚动 . 有没有办法调用 refetch() 而不会导致孩子卸载?如果没有,是否有更好的方法来更新不会导致卸载的商店?下面是 Query 组件及其子组件的代码 . <Qu...
  • 0 votes
     answers
     views

    GraphQL react-apollo - 可以直接导出/导入客户端吗?

    我有一个apollo安装文件, services/apollo.js ,我导出客户端: const client = new ApolloClient({ cache, link: ApolloLink.from([stateLink, httpLink]) }) export default client 然后我导入它并在其他地方正常使用它: <BrowserRouter&gt...
  • 1 votes
     answers
     views

    当Graphiql和Altair以完全相同的突变成功时,React Apollo返回Null?

    我已经在我的django-graphene GraphiQL endpoints 上测试了这个突变,并在我的apollo客户端所指向的完全相同的 endpoints 上通过Altair(graphman的postman)测试了它 . 我使用相同的格式运行相同的变异,它适用于GraphiQL和Altair - 新的数据库条目 . 通过react-apollo,它不会产生错误,我的django控制台...
  • 3 votes
     answers
     views

    大型react-apollo应用程序中片段组合的组织结构

    我正在使用Apollo Client和React,我正在寻找一种策略来保持我的组件和组件数据要求的位置,以便父/兄弟/子组件可以访问它们,这些组件可能需要查询和突变 . 我希望能够轻松更新数据需求,这些数据需求将更新某些父组件查询的字段或父/兄弟/子项中的变异返回的字段,以便准确更新我的Apollo缓存 . 我已经尝试创建一个全局高级graphql目录,其中所有的查询/ mutation.grap...
  • 1 votes
     answers
     views

    在突变后设置Apollo缓存/状态

    我正在使用Apollo 2.0来管理我的graphQL API调用并处理我的react应用程序的全局状态 . 我正在尝试创建一个登录屏幕,用户输入他们的用户名和密码,这将被发送到我的API进行身份验证,一旦成功,我想将 isLoggedIn 的全局状态设置为 true . 到目前为止,我能够使用一个使用 @client 声明的突变来设置全局状态,因此它只关注本地状态 . 我有另一个突变,它使gr...
  • 0 votes
     answers
     views

    react-apollo mutation组件将空字符串发送为null

    我将把问题简化为一个简单的例子 . 我有一个表组件呈现一个包含查询数据的表 . 我还有一个小表单,允许用户将数据输入表中 . 我遇到的问题是输入字段的默认值是空字符串 . 示例输入字段: <td><input type="text" placeholder="Nombre" name="name" onChange={...
  • 0 votes
     answers
     views

    每次删除都需要单独的变异吗?

    所以我正在构建一个React / Apollo应用程序,我有点卡在删除的东西上 . 在我的Redux应用程序中,我的'delete'操作只是将对象类型和ID传递给我的reducer,在那里我将对象从我的规范化状态中删除 . 这样,我可以对所有对象使用相同的'delete'动作/组件/ reducer . 整齐! 在Apollo中,我需要选择一个引用该对象的查询,并在 update 函数中读/写它,...
  • 0 votes
     answers
     views

    只需观察/读取Apollo缓存中的值即可

    我正在尝试执行我认为是一项简单的任务 . 我有一个搜索框,成功使用client.writeQuery将项添加到缓存中 . 它看起来像这样: client.writeQuery({ query: gql` { searchQuery { query } ...
  • 3 votes
     answers
     views

    使用Config.skip和React-Apollo查询

    我在使用graphql()包装器中的 Config.skip 属性时遇到了一些麻烦 . 目的是仅在用户从下拉列表中选择项目(传递关联的currentGoalID)并且使用currentGoalID的值更新(Redux)状态之后,使用currentGoalID的参数触发查询 . 否则,我希望(根据Apollo文档): ...您的子组件根本没有获得数据道具,并且不调用选项或道具方法 . 在这种情况...
  • 7 votes
     answers
     views

    Apollo-client(反应) - 创建变异更新 - “无法在对象上找到字段基金({})(ROOT_QUERY)”

    使用:“react-apollo”:“^ 1.4.3” 在父组件中,我使用GraphQL查询具有子项'fundQuarterlyMetric'的父节点'Fund' . 这将以以下格式返回数据: { id name ... fundQuarterlyMetrics (orderBy: asAtDate_ASC) { id year quarter ...
  • 0 votes
     answers
     views

    突变后的Apollo更新不会触发重新渲染

    我在使用graphQL apollo中的变异时遇到了麻烦 . 当页面加载时,它将运行查询 lectureResponseQuery ,如果查询== null,则运行突变 fetchLectureResponseMutation 以创建新文档 . 此突变返回新结果,我对查询进行了更新,我希望组件将使用新数据重新呈现,但事实并非如此 . 有谁知道那是为什么?谢谢! @graphql(fetchLect...
  • 0 votes
     answers
     views

    apollo client 2.0 graphql react auth

    我试图在绿地项目中正确完成我的身份验证 . 我的身份验证提供程序是AWS cognito . 我写了一个cognito helper模块来与它进行交互 . 虽然我不太确定如何将我的apollo客户端与我的身份验证状态同步 . export const authenticate = (username: string, password: string) => { const auth...
  • 4 votes
     answers
     views

    Apollo Refetch()之后组件`props.data`不重新加载

    遵循阿波罗的重组模式https://www.apollographql.com/docs/react/recipes/recompose.html 我创建了一个简单的ErrorScreen组件,它输出 error.message 并显示一个重试按钮 . const ErrorScreen = ({ refetch, data }) => { const handleRetry = () ...
  • 2 votes
     answers
     views

    React - Apollo Client,如何将查询结果添加到状态

    我创建了一个由Apollo客户端和graphQL驱动的react应用程序 .我的模式已定义,因此预期的结果是一个对象数组( [{name:"metric 1", type:"type A"},{name:"metric 2", type:"type B"}] ) 在我的jsx文件中,我定义了以下查询: query me...
  • 2 votes
     answers
     views

    如何在新的订阅到达react-apollo时重新获取查询

    我想知道当订阅接收到新数据时,是否有一种优雅的方法可以在react-apollo中触发重新获取查询(这里的数据并不重要,并且与前一个数据相同) . 我只是在这里使用订阅作为通知触发器,告诉Query重新获取 . 我尝试使用Subscription组件和subscribeToMore来调用Query的子组件中的“refetch”方法,但这两种方法都会导致无限次重新提取 . 注意:我正在使用react...
  • 0 votes
     answers
     views

    如何在graphql / apollo中执行此操作

    我有一个复选框,如果选中,则应设置已加载数据的属性 . 我是graphql的新手,想知道这是如何以正确的方式完成的 . 数据加载时的变异? 在redux中,我会这样做 . 行动: const fetchVendorsSuccess = (vendors, selectAll) => ({ type: FETCH_VENDORS_SUCCESS, payload: { sele...
  • 1 votes
     answers
     views

    Apollo GraphQL订阅

    我在Apollo中遇到GraphQL订阅问题 . 我想订阅添加关于主题的“观点”(基本上添加了关于帖子的评论),我很确定我已正确设置服务器 . 客户端给我带来了麻烦 . (如果这个问题看起来很熟悉,我之前就问过它并且认为我得到了答案,但没有去) . 这是我的订阅架构: type Subscription { perspectiveAdded: Perspective } schema { ...
  • 5 votes
     answers
     views

    React Apollo:GraphQL错误数组未传递到组件中

    根据这些Apollo docs,设置一个 all 的 all 应该使我的Apollo包装的React组件可以使用 errors GraphQL响应数组"so [my] UI can use them."我的应用程序是通用的,因此它可以防止应用程序完全呈现 . 麻烦的是,即使我的浏览器开发工具在服务器响应中显示 errors 数组,我也可以't ever access it i...
  • 3 votes
     answers
     views

    Apollo GraphQL(React)跨组件的数据共享

    我刚开始使用react-apollo,并想知道跨组件共享数据的最佳方式是什么 . 例如,我有 componentA 从 react-apollo 使用 grapql 来获取一些数据( WrappedA ) . 我还有一些其他组件, componentB ,在我的UI中的其他地方,并且想要使用 componentA 已经提取的数据 . 附上一个非常简单的例子 . const ComponentA =...
  • 2 votes
     answers
     views

    在react-apollo中命名你的graphql突变

    考虑以下 const createBob1 = gql` mutation createBob2($var: data) { createBob3(var: $var) { id } } ` 在三个层面,我们命名突变: createBob1定义了graphql文档 createBob2定义了apollo变异 cr...
  • 0 votes
     answers
     views

    与Apollo GraphQL订阅反应返回值

    我正在使用Apollo GraphQL,并且正在努力让pubsub的发布方面失效 . 这是我有的: 发布: const tst = { string1: 'hi', string2: 'hello' }; pubsub.publish("sub", tst); GraphQL订阅 subscription ($Id: Int!) { test(Id: $Id)...
  • 0 votes
     answers
     views

    Apollo混合了React中的GraphQL查询结果

    我打电话回复问题和答案 . 当我直接将其发送到服务器时,响应符合预期 . 此外,当react进行调用并且我检查开发人员工具时,响应是预期的 . 一旦我收到阿波罗的回复,数据就会混杂在一起,结果会相互渗透 . 您将注意到在这两个图像中,在扩展了一些结果后结果是相同的 . 我不确定是什么原因引起的 . 为什么自由形式会合并? 我的设置是这样的: 我导入查询,然后在Apollo客户端上运行它: th...
  • 0 votes
     answers
     views

    Graphql react-apollo IntrospectionFragmentMatcher

    我正在使用GitHub Graphql API并且我使用react-apollo编写了以下代码,但是当我在许多请求后分页时,我在控制台上出现以下错误 . 您正在使用简单(启发式)片段匹配器,但您的查询包含联合或接口类型 . Apollo客户端将无法准确映射片段 . 要消除此错误,请使用文档中描述的IntrospectionFragmentMatcher:https://www.apollogr...
  • 0 votes
     answers
     views

    Apollo客户端缓存不能像我想象的那样工作

    My problem: 我是GraphQL的新手,我正在使用Apollo服务器和客户端开发我的第一个完整堆栈应用程序,这是一个简单的博客 . 在客户端,我在两个不同的页面中使用相同的查询,但具有不同的变量 . 查询是通过ID或slug查询博客文章,具体取决于我使用它的页面 . 所以结果是一样的,只有变量的查询变量 . 当我在一个页面中使用查询时,我认为由于Apollo缓存,查询不会在第二页上运行 ...
  • 1 votes
     answers
     views

    服务器端使用Apollo GraphQL和React在同构应用程序中呈现请求后清空缓存

    我有一个同构js应用程序的一点问题,也许你可以帮我这个 . 我按照本教程:https://www.apollographql.com/docs/react/features/server-side-rendering.html关于SSR,它基本上工作得很好 . 初始请求是正确呈现的,所以这很好 . 这是缓存,让我头疼...每当我调用 client.extract() 它只返回一个空对象,所以我的完...
  • 0 votes
     answers
     views

    Graphql Apollo客户端问题:[网络错误]:SyntaxError:JSON输入的意外结束

    我在使用apollo客户端从React.js应用程序查询graphql服务时遇到网络问题 . graphql查询获取此错误: [网络错误]:SyntaxError:JSON输入的意外结束 . 查询: <Query query={gql` query { items( param1: "value1" param2: ...

热门问题