如何在Apollo中组合多个fetchMore函数？

import { useQuery } from '@apollo/client';
import { YOUR_QUERY } from './yourQuery';

const YourComponent = () => {
  const { data, fetchMore } = useQuery(YOUR_QUERY);

  const loadMoreData = () => {
    fetchMore({
      variables: {
        offset: data.yourQuery.length, // 根据你的查询结果确定offset的值
      },
      updateQuery: (prev, { fetchMoreResult }) => {
        if (!fetchMoreResult) return prev;
        return {
          yourQuery: [...prev.yourQuery, ...fetchMoreResult.yourQuery],
        };
      },
    });
  };

  const loadMoreData2 = () => {
    fetchMore({
      variables: {
        offset: data.yourQuery.length, // 根据你的查询结果确定offset的值
      },
      updateQuery: (prev, { fetchMoreResult }) => {
        if (!fetchMoreResult) return prev;
        return {
          yourQuery: [...prev.yourQuery, ...fetchMoreResult.yourQuery],
        };
      },
    });
  };

  return (
    <div>
      {/* 渲染你的数据 */}
      {data.yourQuery.map((item) => (
        <div key={item.id}>{item.name}</div>
      ))}

      {/* 加载更多数据的按钮 */}
      <button onClick={loadMoreData}>Load More</button>
      <button onClick={loadMoreData2}>Load More 2</button>
    </div>
  );
};

export default YourComponent;