Apollo React 的 subscribeToMore 不会更新数据。
创始人
2024-09-09 04:30:49
0

在 Apollo React 中,subscribeToMore 方法用于订阅新的数据更新。如果你发现 subscribeToMore 不会更新数据,可能是由于以下原因之一:

  1. 缺少 updateQuery 函数:subscribeToMore 需要提供一个 updateQuery 函数,以便在接收到新数据时更新缓存。这个函数将接收先前查询的结果和订阅到的新数据,然后返回一个更新后的查询结果。确保在你的代码中提供了 updateQuery 函数。

  2. 缓存问题:Apollo 使用缓存来存储查询结果,以便在需要时快速检索。如果你的数据更新没有在缓存中更新,subscribeToMore 也就无法获取到最新的数据。确保你的查询结果在缓存中正确更新。

下面是一个示例代码,演示如何使用 subscribeToMore 来更新数据:

import { useQuery } from '@apollo/client';
import { gql } from 'apollo-boost';

const GET_MESSAGES = gql`
  query GetMessages {
    messages {
      id
      content
    }
  }
`;

const SUBSCRIBE_TO_MESSAGES = gql`
  subscription SubscribeToMessages {
    newMessage {
      id
      content
    }
  }
`;

const Messages = () => {
  const { loading, error, data, subscribeToMore } = useQuery(GET_MESSAGES);

  useEffect(() => {
    subscribeToMore({
      document: SUBSCRIBE_TO_MESSAGES,
      updateQuery: (prev, { subscriptionData }) => {
        if (!subscriptionData.data) return prev;
        const newMessage = subscriptionData.data.newMessage;
        return Object.assign({}, prev, {
          messages: [...prev.messages, newMessage],
        });
      },
    });
  }, [subscribeToMore]);

  if (loading) return 

Loading...

; if (error) return

Error :(

; return (
{data.messages.map((message) => (

{message.content}

))}
); }; export default Messages;

在上述示例中,subscribeToMore 方法在组件挂载后被调用,用于订阅 newMessage 订阅源的更新。在 updateQuery 函数中,我们将新的消息添加到先前的查询结果中,并返回一个新的查询结果。这样,每当有新消息时,Apollo 将自动更新组件中的数据。

相关内容

热门资讯

重大推荐!哈局八张辅助,微信小... 重大推荐!哈局八张辅助,微信小程序辅助器免费下载,详细神器(了解有挂)1、这是跨平台的微信小程序辅助...
终于懂了!同乡游辅助软件,雀姬... 终于懂了!同乡游辅助软件,雀姬无限钻石辅助,详细神器(有挂方略)1、雀姬无限钻石辅助脚本辅助下载、雀...
一分钟了解!来趣广西友玩脚本辅... 一分钟了解!来趣广西友玩脚本辅助,丰城呱呱辅助器,详细工具(有挂透视)1、实时来趣广西友玩脚本辅助透...
普及知识!桂林字牌辅助,多乐跑... 普及知识!桂林字牌辅助,多乐跑辅助,详细软件(有挂分享)桂林字牌辅助脚本下载中分为三种模型:桂林字牌...
三分钟了解!微信老友广东辅助器... 三分钟了解!微信老友广东辅助器,朋朋政和麻将为什么一直输,详细器(有挂教程)一、朋朋政和麻将为什么一...
推荐一款!菠萝神辅助器app,... 推荐一款!菠萝神辅助器app,雀友会广东潮汕辅助透视,详细器(新版有挂)1、完成雀友会广东潮汕辅助透...
必备科技!微信小程序微乐辅助器... 必备科技!微信小程序微乐辅助器,老友麻将开挂辅助器,详细神器(有挂总结)1、让任何用户在无需微信小程...
玩家必看教程!jj斗地主麻将外... 玩家必看教程!jj斗地主麻将外挂,欢乐达人正版脚本,详细软件(有挂详细)1、完成欢乐达人正版脚本辅助...
详细说明!微乐河南小程序微乐辅... 详细说明!微乐河南小程序微乐辅助脚本,蛮王大厅辅助插件,详细工具(今日头条)该软件可以轻松地帮助玩家...
专业讨论!传送屋软件辅助,皮皮... 专业讨论!传送屋软件辅助,皮皮透视辅助软件工具,详细软件(有挂秘诀)1、超多福利:超高返利,海量正版...