基于游标的分页无限重调用查询

如何解决基于游标的分页无限重调用查询

我想用 Apollo 实现基于游标的分页。我发出一个带有限制和游标的请求，该游标从一个非常高的数字开始，每次我收到响应时，我都会将游标更新为我返回的帖子的最低 ID。

const [cursor,setCursor] = useState(10000);

const {
    refetch: postsRefetch,networkStatus: postsNetworkStatus,data: postsData,fetchMore: postsFetchMore,} = useQuery(postsQuery,{
    fetchPolicy: 'cache-and-network',errorPolicy: 'ignore',notifyOnNetworkStatusChange: true,variables: {
      limit: ITEMS_PER_PAGE,cursor: 1000,},onCompleted: (res) => {
      if (res) {
        setCursor(
          res.posts.filter((post) => post).length
            ? Math.min(...res.posts.filter((post) => post).map((post) => Number(post.id)))
            : 0
        )
        setRefreshing(false)
      }
    },onError: (error) => {
      Toast.hide()
      Toast.show('Connection Failed.')
    },});

我认为它会无限地重新调用查询，因为我在查询的 onCompleted 中设置了一个查询变量，但是我还能如何跟踪光标？我需要在每个响应上更新它，我需要将它传递给查询。