Apollo客户端中从useQuery使用fetchMore方法会触发两次网络请求。
创始人
2024-09-09 11:30:41
0

使用fetchMore方法时,可以通过在options对象中使用fetchPolicy: 'cache-and-network'来避免重复的网络请求。同时,可以使用updateQuery函数在缓存中更新数据。

示例代码:

import { useQuery } from '@apollo/client';
import { GET_POSTS } from './queries';

const Posts = () => {
  const { data, loading, fetchMore } = useQuery(GET_POSTS, {
    variables: { offset: 0, limit: 10 },
    fetchPolicy: 'cache-and-network', // 避免重复的网络请求
  });

  const handleLoadMore = () => {
    fetchMore({
      variables: { offset: data.posts.length },
      updateQuery: (prev, { fetchMoreResult }) => {
        if (!fetchMoreResult) return prev;
        return Object.assign({}, prev, {
          posts: [...prev.posts, ...fetchMoreResult.posts],
        });
      },
    });
  };

  if (loading) return 

Loading...

; return (
{data.posts.map((post) => (
{post.title}
))}
); }

在这个示例中,当用户点击“Load More”按钮时,将触发一个新的网络请求并在缓存中更新数据,而不是发出两个重复的网络请求。

相关内容

热门资讯

本来有开挂"安装胡乐... 本来有开挂"安装胡乐辅助脚本"开挂(透视)辅助软件(2026新版教程真的有挂);无需打开直接搜索打开...
指南开挂"红黑大战控... 指南开挂"红黑大战控制系统"开挂(插件)辅助软件(有挂实锤) 【无需打开直接搜索加薇13670430...
透视免费!对联猜猜看辅助器,方... 透视免费!对联猜猜看辅助器,方片十三张辅助(透视)开挂辅助神器AI教程对联猜猜看辅助器ai黑科技系统...
从前有辅助"微信超级... 从前有辅助"微信超级三加一免费辅助"开挂(透视)辅助透视(扑克教程有挂规律)1、下载安装好微信超级三...
窍门开挂"酷玩联盟辅... 【亲,酷玩联盟辅助 这款游戏可以开挂的,确实是有挂的,很多玩家在这款酷玩联盟辅助中打牌都会发现很多用...
透视透视!广西来趣app有挂吗... 透视透视!广西来趣app有挂吗,微乐小程序自建房插件怎么安装(透视)开挂辅助软件德州教程这是一款可以...
最初有辅助"粤友圈有... 粤友圈有挂吗开挂教程视频分享装挂详细步骤在当今的网络游戏中,粤友圈有挂吗作为一种经典的娱乐方式,吸引...
窍门辅助"山西奇迹打... 窍门辅助"山西奇迹打锅子辅助"开挂(安装)辅助脚本(证实有挂)这是一款可以让一直输的玩家,快速成为一...
透视智能ai!hhpoker有... hhpoker有透视功能吗是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户...
从前有辅助"小闲川南... 从前有辅助"小闲川南怎么辅助"开挂(透视)辅助工具(新版2026教程有挂神器) 了解更多开挂安装加(...