React 中的中继样式分页

如何解决React 中的中继样式分页

中继式分页如何在反应中工作，就像它适用于一个查询而不适用于另一个查询。我需要更改其中的某些内容吗？在旧查询中，fetchmore 函数获取新产品并在页面上显示旧产品。但是，fetchmore 会获取新查询的数据，但不会在屏幕上更新它，而是在屏幕上显示旧数据。

const cache = new InMemoryCache({
  typePolicies: {
    Query: {
      fields: {
            products: relayStylePagination()
     }
   }
});

新查询：

const QUERY = gql`
  query Fetch($handle: String!,$after: String,$first: Int,$before: String) {
    collectionByHandle(handle: $handle) {
      id
      description
      products(first: $first,after: $after,before: $before) {
        edges {
          node {
            id
            description
            priceRange {
              minVariantPrice {
                amount
                currencyCode
              }
            }
            updatedAt
            productType
            title
            images(first: 1) {
              edges {
                node {
                  transformedSrc(maxWidth: 300)
                }
              }
            }
          }
          cursor
        }
        pageInfo {
          hasNextPage
        }
      }
    }
  }
`;

旧查询：

const QUERY = gql`
  query productFetch($first: Int,$query: String) {
    products(first: $first,query: $query) {
      edges {
        node {
          priceRange {
            minVariantPrice {
              amount
              currencyCode
            }
          }
          updatedAt
          productType
          title
          images(first: 1) {
            edges {
              node {
                transformedSrc(maxWidth: 300)
              }
            }
          }
        }
        cursor
      }
      pageInfo {
        hasNextPage
      }
    }
  }
`;