为React Apollo订阅客户端配置onSubscriptionData

React Apollo是一个用于构建GraphQL客户端的JavaScript库。它提供了一种简单且强大的方式来管理GraphQL数据，并与React无缝集成。

在React Apollo中，可以使用onSubscriptionData配置来处理订阅数据的更新。onSubscriptionData是一个回调函数，当订阅的数据有更新时会被调用。它接收一个参数，该参数包含了最新的订阅数据。

使用onSubscriptionData配置可以实现以下功能：

数据更新处理：当订阅的数据有更新时，可以在onSubscriptionData回调函数中处理数据更新的逻辑，例如更新组件的状态或执行其他操作。
数据缓存管理：React Apollo会自动将订阅的数据缓存在Apollo缓存中，当使用onSubscriptionData配置时，可以通过访问缓存来获取最新的订阅数据，以便进行处理。
错误处理：onSubscriptionData回调函数还可以处理订阅过程中可能出现的错误，例如网络错误或服务器返回的错误信息。

React Apollo提供了一些相关的API和工具来帮助配置onSubscriptionData，例如useSubscription钩子函数和ApolloConsumer组件。可以根据具体的需求选择适合的方式来配置onSubscriptionData。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。产品介绍链接
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用程序。产品介绍链接
腾讯云云原生容器服务TKE：提供高度可扩展的容器化应用程序管理平台，支持Kubernetes。产品介绍链接
腾讯云人工智能平台AI Lab：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
腾讯云物联网平台IoT Hub：提供可靠、安全的物联网设备连接和管理服务，支持海量设备接入和数据处理。产品介绍链接
腾讯云移动应用开发平台MTP：提供全面的移动应用开发工具和服务，包括移动应用测试、推送通知、移动统计等。产品介绍链接

为React Apollo订阅客户端配置onSubscriptionData

reactjs、react-apollo

我已经构建了一个连接到Graphql服务器的React应用程序。它工作得很好。客户端被配置为接收实时订阅。一切都很好。现在，我想配置我的React组件以使用react-appollo的onSubscriptionData特性，以便在该组件接收到订阅数据后执行额外的处理。getLabSession: onUpdateLabSession }

浏览 0提问于2018-08-28得票数 1

1回答

阿波罗客户端onSubscriptionData不工作

reactjs、react-native、graphql、apollo、react-apollo

我正在关注阿波罗，我的订阅正在工作，但我还没有开始使用数据回调。}`; <Subscription onSubscriptionData

浏览 0提问于2018-09-11得票数 1

1回答

使用NEXT.js和Apollo client 2配置订阅

graphql、apollo、apollo-client、next.js、graphql-subscriptions

我正在尝试使用Apollo2和NEXT.js配置订阅。我可以让客户端连接到服务器，并且它们在GraphQL操场上工作，所以错误的配置一定在withData文件中，或者是处理订阅的组件中。在chrome中检查网络面板上的套接字连接时，订阅有效负载不会像在GraphQL游乐场中那样添加为框架。/constants/subscriptions';impo

浏览 2提问于2018-11-26得票数 3

1回答

我一直在开发一个react.js聊天应用程序，它通过与阿波罗客户端的websocket连接工作，它使用创建跨平台的iOS、Android和带有JavaScript、HTML和CSS的进步网络应用程序。在chat组件中，订阅查询开始工作，并侦听新消息。问题是，当应用程序处于后台时，消息并没有被监听。新消息一打开就开始加载，我想让它像whatsapp一样加载新消息，而即使是应用程序也在后台。阿波罗客户端配置 ?id_token')}`

浏览 12提问于2022-01-11得票数 2

2回答

如何防止使用useSubscription()重新呈现？

react-hooks、apollo、react-apollo、graphql-subscriptions

当触发此订阅时，将重新呈现一个React组件.我不知道它为什么会导致重呈现。import React from 'react' onSubscriptionData: data => { }

浏览 1提问于2020-05-18得票数 1

2回答

如何避免在使用“阿波罗-钩子”和“`useSubscription`”钩子时避免“自动更新”缓存

reactjs、graphql、react-apollo、apollo-cache-inmemory

我有一些阿波罗-钩子代码，它使用useSubscription侦听订阅中的事件更改： if (!

浏览 1提问于2019-11-07得票数 4

回答已采纳

2回答

如何修复react js上的严格模式树中的遗留上下文API。

javascript、reactjs

我试着使用react.strict模式，但是警告仍然出现在console.log的chrome浏览器上，这对我来说太令人兴奋了 import { ListGroup, ListGroupItem } from 'reactstrap'; importconsole.log(res.data) ).catch( err =>

浏览 11提问于2020-07-07得票数 2

回答已采纳

1回答

如何在React中为上传和订阅设置Apollo客户端？

reactjs、file-upload、react-apollo、apollo-client、graphql-subscriptions

我想设置一个带有React的graphql客户端，用于上传文件和处理来自graphql服务器的订阅。文件上传和其他查询运行良好。问题出在订阅上。上传文件，使用apollo-link-ws进行订阅。我这样设置我的客户端：import ApolloClient from 'apollo-client'; import { Ap

浏览 11提问于2018-07-29得票数 1

1回答

在阿波罗客户机/阿波罗服务器和useSubscription中，获取的数据仅为空。

apollo、publish-subscribe、apollo-client、apollo-server

我尝试在阿波罗服务器&阿波罗客户端中使用pubsub。但订阅的数据仅为null。客户端依赖性 "apollo-boost": "^0.4.9", "graphql": "^1

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

回答已采纳

3回答

如何在客户端GraphQL中使用阿波罗NextJS订阅？

reactjs、typescript、next.js、apollo、apollo-client

在其他非NextJS应用程序中，我在阿波罗客户端库中使用了GraphQL订阅。在引擎盖下，它使用websockets。import { ApolloProvider } from '@apollo/react-hooks'; import ApolloClient, { InMemoryCache(data)}</p&g

浏览 1提问于2020-05-12得票数 4

1回答

如何添加我的订阅数据以更新我之前的查询

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

我有一个查询和一个订阅，我试图做的是将我的数据添加到之前的查询中，以便它显示完整的列表。data: dta } = useQuery(GETSTUDENTS); onSubscriptionData我从订阅中获得了一些数据，在此基础上我想更改一些其他部分，所以我可以使用refetchQueries吗?我没有找到任何使用qraphql钩子(react-apollo- hooks

浏览 4提问于2020-12-10得票数 1

2回答

使用Redux Thunk和Apollo Graphql进行反应-如何访问client.query？

reactjs、react-native、graphql、redux-thunk、apollo-client

这是我的app.jsimport { Provider } from 'react-redux'import { ApolloClient, HttpLink, InMemoryCache } from 'apollo-boost' import { A

浏览 2提问于2019-09-20得票数 3

1回答

如何在重图表中显示多个对象数组？

javascript、reactjs、graphql、recharts

我想在一行中显示data_Chart，在另一个Line元素中显示来自订阅的响应. 我一直在努力，但没有成功，谢谢你的帮助！我的代码：import { useSubscription } from '@apollo/react-hooks= () => { const

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

回答已采纳

1回答

使用Apollo服务器作为来自客户端的查询的传递

graphql、apollo-server、apollo-datasource

我有一个使用基于React的apollo-client运行apollo-server-express的用例。对于一些查询，我有一个外部graphql-datasource。目前，我已经将apollo-datasource-graphql配置为用作我的apollo-server-express的数据源。然而，这需要在Apollo中的解析器和我的外部graphql系统上的解析器上重复工作。有没有办法通过Apollo Server将<em

浏览 16提问于2020-06-07得票数 0

1回答

使用apollo客户端，如何使用反应变量触发重新订阅？

reactjs、apollo-client、subscription

Apollo客户端和graphql版本： "@apollo/client": "^3.3.20", }import { gql, useSubscription } from '@apollo/cl

浏览 28提问于2021-06-20得票数 1

1回答

错误:套接字与阿波罗客户端中的事件1002关闭

javascript、reactjs、websocket、graphql、apollo-client

我试着从阿波罗客户端订阅到服务器，在服务器上我使用阿波罗服务器快车。订阅在graphql操场上运行良好，但当我试图将客户端连接到服务器时，会出现此错误。

浏览 10提问于2022-05-27得票数 1

回答已采纳

4回答

属性“setLink”在“ApolloClient<NormalizedCacheObject>”类型中缺失，但在“ApolloClient<any>”类型中需要

reactjs、typescript、react-apollo、apollo-client

| ^由于这似乎是一个基于类型的问题，我试图在下面的示例中创建阿波罗客户端时显式显示

浏览 0提问于2020-07-21得票数 17

回答已采纳

1回答

graphql订阅返回空数据

reactjs、graphql、apollo-client、apollo-server

这是我的问题，在我的react应用程序中，每当创建订单时，我都希望获得该订单的订阅，名为orderNotification， Subscription: { }在graphql Playground中一切正常，但是当我必须在我的组件中获取和显示结果时，返回的数据为空：impor

浏览 3提问于2021-02-18得票数 1

1回答

通过apollo客户端使用查询和订阅测试react组件

javascript、reactjs、testing、jestjs、apollo

有谁有关于在apollo客户端上测试使用查询和订阅的react组件的提示吗？似乎当你在mocks和link道具中使用<MockedProvider />组件时，它会忽略模拟。谢谢你的帮助！！

浏览 9提问于2021-02-26得票数 0

1回答

如何防止不必要的重新获取使用阿波罗客户端useQuery挂钩？

reactjs、graphql、react-hooks、next.js、apollo

我正在尝试使用nextJS和无服务器框架作为GraphQL后端来实现一个使用阿波罗客户端的CRUD应用程序。有没有办法防止在应用程序导航过程中使用缓存进行不必要的自动刷新？下面是我的ApolloClient配置： import {ApolloClient} from 'apollo-client'import {createHttpL

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

回答已采纳

点击加载更多