在Apollo Client中，如何使用useLazyQuery检查来自不同组件的同一查询的加载状态？

文章/答案/技术大牛

发布

1回答

apollo、react-apollo、apollo-client

我正在使用带有钩子和Apollo Client 3的React functional components。我可以使用useLazyQuery来检查正在使用它的组件的加载状态，但是否可以使用Apollo自己的API在单独的组件中检查

浏览 6提问于2020-02-11得票数 0

1回答

useQuery和useLazyQuery* - React Apollo的合并结果*

reactjs、react-hooks、react-apollo、apollo-client

在使用@apollo/client探索react时，我使用useQuery进行首次加载，使用useLazyQuery进行按需加载(在执行一些操作、刷新、创建等操作之后)。如下所示： const { data} = useQuery(GET_POSTS_QUERY); const [fetchPosts, { data: fetchedposts}] = useLazyQuery(GET

浏览 24提问于2020-07-19得票数 1

2回答

如何在调用阿波罗图QL查询之前等待服务器响应？

javascript、node.js、reactjs、apollo、gql

在从我的useEffect钩子中接收数据后，我试图调用Graph查询。我需要在查询中使用响应中的数据。但是，不能有条件地调用钩子。但是，如果我去掉条件，loadedAnime将是未定义的。/GraphQLFunctions";import gql from "graphql-ta

浏览 2提问于2020-08-13得票数 2

回答已采纳

2回答

使用酶和MockProvider正确预期/接收状态的方法

graphql、enzyme、react-apollo

我正在测试一个使用graphql useLazyQuery的组件。MockProvider由阿波罗推荐库@ Apollo /react-react提供。我想根据查询返回的数据长度来测试是否呈现了某条消息。我有这样的html元素结构：expect(wrapper.find(message).prop(&

浏览 0提问于2020-06-01得票数 1

3回答

useLazyQuery导致过多的重新渲染[Apollo/ apollo/react挂钩]

reactjs、apollo、react-apollo、apollo-client

我正在构建一个不和谐/松弛的克隆。我有渠道、消息和用户。一旦我的聊天组件加载，频道就会通过useQuery钩子从Apollo获取。默认情况下，当用户来到聊天组件时，他需要单击特定的频道来查看关于该频道的信息和消息。在较小的Channel.js组件中，我将单击的Channel的通道In写入apollo缓存。这非常好用，

浏览 53提问于2019-09-04得票数 2

4回答

有没有可能防止`useLazyQuery`查询在组件状态改变/重新渲染时被重新获取？

graphql、apollo、react-hooks、react-apollo、apollo-client

目前我有一个useLazyQuery钩子，它是在按下按钮时触发的(搜索表单的一部分)。因此，如果我搜索一次，然后编辑搜索字段，结果会立即出现，并且我不必再次单击search按钮。不是我想要的UI，如果完全删除搜索文本会导致错误(因为它试图以null作为变量进行搜索)，有什么方法可以防止useLazyQuery在重新渲染时被重新获

浏览 4提问于2019-08-15得票数 17

回答已采纳

4回答

在阿波罗graphQL中，useQuery和useLazyQuery有什么不同？

reactjs、graphql、apollo

我在浏览Apollo React hooks的文档。我在看这篇文章。谁能给我解释一下，它们之间有什么区别，在什么情况下应该使用它。

浏览 8提问于2020-09-01得票数 17

回答已采纳

1回答

为什么我的查询使用useLazyQuery一遍又一遍地调用？阿波罗·胡克斯

react-apollo、react-apollo-hooks

我使用了来自阿波罗的useLazyQuery钩子，并进入了无限循环。下面是我的组件： import styled from 'styled-components' import选项中，我获取结果并使用回调(updateMethod)来更新我的对象。

浏览 19提问于2019-09-06得票数 1

1回答

调用一次后重置useLazyQuery

react-native、graphql、react-apollo

我使用useLazyQuery在单击按钮时触发查询。查询被调用一次后，结果(数据、错误等)将在每次呈现时传递给组件呈现。这是有问题的，例如，当用户输入新的文本输入来更改导致错误的原因时:错误消息不断出现。因此，我想“清除”查询(例如，当用户在TextInput中输入新数据时)，这样查询结果就会返回到初始状态(一切都是undefined)，错误消息

浏览 28提问于2020-10-23得票数 3

回答已采纳

2回答

阿波罗模拟错误状态->错误:不再模拟查询响应

graphql、apollo、react-apollo、react-testing-library

使用MockProvider从@apollo/client/testing模拟查询的错误状态。该组件正在按预期工作。，我到底能得到什么？错误:不正确[错误:没有对查询的模拟响应.考试没能通过

浏览 3提问于2020-09-03得票数 1

2回答

UseApolloClient查询不会返回fetchMore

reactjs、graphql、react-apollo、apollo-client、react-apollo-hooks

我在客户端和阿波罗一起做项目。我在我的客户端使用反应-阿波罗-钩子。我对useApolloClient有个问题。当我向我的客户发起查询时，我在useApolloClient中得到的数据并不是我需要的全部数据。FetchMore失踪了。如果我使用常规查询(useQuery)，就会得到这个结果。但问题是，我需要启动这个查询点击，我需要使用阿波罗客户端

浏览 2提问于2019-07-17得票数 2

回答已采纳

7回答

尝试用function调用useQuery -阿波罗钩子

javascript、reactjs、graphql、react-hooks、react-apollo

我的尝试代码是：...如何多次调用useQuery？我已经找了几个网站，但我找不到解决办法。

浏览 0提问于2019-07-10得票数 23

回答已采纳

2回答

将useQuery返回的数据设置为状态

react-native、expo、apollo、react-apollo

我一直在使用client.query从我的数据库中获取数据，并使用useState设置状态。=> {})这个问题让我想要研究useQuery而不是client.query。但是，文档<em

浏览 30提问于2020-06-03得票数 1

2回答

使用GraphQL查询更新react状态

reactjs、graphql、react-hooks、apollo、react-apollo

我正在尝试使用从GraphQL查询中收集的数据来更新状态。我尝试过在标题为“手动执行查询”的官方教程中这样做。cocktailName: searchInput } }); getDrinks, ] = useLazyQuerydata.multipleCocktailsByName) {

浏览 1提问于2020-01-06得票数 1

1回答

useLazyquery变量滞后一步

reactjs、graphql、apollo-client

我使用useLazyQuery来获取基于primary_key (ID)的数据，该数据作为变量传递给查询。但是，我发现，传递给变量的值来自上一次调用。(在第一次调用期间，变量中没有任何传递，在第二次调用中，应该在第一次调用中传递的值得到传递，等等)。我试着用一个样本GraphQL游乐场- )来再现这些现象，如下所示。例如，如果我单击下一步按钮2，它将获得ID 1的

浏览 3提问于2022-09-16得票数 0

回答已采纳

1回答

ReactJs -如何将ApolloProvider封装在StatsigProvider中？

javascript、reactjs、next.js、apollo、statsig

在react(nextjs)应用程序中，我使用statsig-react切换主线am端点(Urls)。现在，我正面临一个问题，同时连接状态与阿波罗。</ApolloProvider>在apollo.js中，我改变了uri， const statsigFeatureOn如果我检查包装在StatsigProvider下的

浏览 3提问于2021-09-14得票数 3

回答已采纳

2回答

如何使用useLazyQuery()在每次单击时执行查询

reactjs、react-apollo、apollo-client、react-apollo-hooks

使用@apollo/react-hooks中的useLazyQuery()钩子，我能够在单击按钮时执行查询。但是我不能使用它在连续的点击上执行相同的查询。export default ({ queryVariables }) => { const [sendQuery, { data, loading }] = useLazyQuery(GET_DIRECTIO

浏览 288提问于2019-10-07得票数 14

回答已采纳

2回答

使用State vs Props的正确方式是什么

react-native、apollo-client

尝试找出将数据处理到react组件中的方法。A)国家方式if (!

浏览 0提问于2017-10-02得票数 0

5回答

如何在组件外部调用GraphQL

reactjs、graphql、apollo

我已经使用Query组件创建了一堆调用GraphQL的React组件，一切都很正常。在一个组件中，我需要一些来自数据库的初始数据，但没有任何可视化表示。我尝试使用query组件，但它似乎只在呈现周期触发。我尝试将其打包到一个函数中，并在需要数据的组件中调用此函数。但是代码/查询不会

浏览 10提问于2019-05-28得票数 11

2回答

在查询组件之外显示Apollo客户端查询加载的最佳实践？

reactjs、apollo-client

我想在我的查询组件之外显示加载指示器。现在我正在使用redux，当我开始从api加载数据时，我设置了redux state属性，然后我用它来显示加载器组件。如何使用Apollo客户端查询/突变实现相同的功能？每个示例都显示在查询内部加载属性，但如何在此查询外部显示

浏览 18提问于2019-06-20得票数 0

点击加载更多