阿波罗客户端 offsetLimitPagination 不起作用

时间:2021-05-19 09:33:09

标签: javascript graphql apollo

我有一个hook..

export function useLazyProposalList() {
  const [getQueueData, { loading, data, error, fetchMore }] = useLazyQuery(PROPOSAL_LIST, {
    fetchPolicy: 'no-cache',
  });

  const proposalList = React.useMemo(() => {
    if (!data) {
      return null;
    }
    return transformProposals(data);
  }, [data]);

  return {
    getQueueData,
    fetchMore,
    loading,
    data: proposalList,
    error,
  };
}

在组件中

const {
    getQueueData,
    data: queueData,
    fetchMore: fetchMoreProposals,
    // loadMore: loadMore,
  } = useLazyProposalList();

如果用户点击 fetch more 按钮,我会调用:fetchMoreProposals

await fetchMoreProposals({
        variables: {
          offset: visibleProposalList.length,
        },
      });

但这不会更新我的数据。我读到我们应该使用 offsetLimitPagination,但我的查询数据不是数组本身。就像这样:queue { id: '1', items:[] } 并且因此,offsetLimitPagination 不起作用。所以我尝试合并

cache: new InMemoryCache({
    typePolicies: {
      Query: {
        fields: {
          queue: {
            keyArgs: false,
            merge(existing, incoming) {
              console.log(existing, incoming);
              if (!incoming) return existing;
              if (!existing) return incoming;
            },
          },
        },
      },
    }

但在控制台中,它只打印引用而不是真实数据。

可能是什么问题?

0 个答案:

没有答案