如何解决apolo graphql useLazyQuery 转换数据
我有一个名为 api-hooks
的文件,其中有一个函数..
我正在使用 @apollo/client
的 useLazyQuery
。
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,};
}
在我的组件中,我是这样使用的:
const { getQueueData,data: queueData,fetchMore: fetchMoreProposals } = useLazyProposalList();
现在,如果用户点击 load more
按钮,我会调用 fetchMoreProposals
函数,该函数从 fetchMore
返回为 useLazyQuery
。
现在,问题是当调用这个时,我必须再次在我的 COMPONENT 中调用 transformProposals
来获取返回的数据,这让我很恼火。最好只在 transformProposals
中有 useLazyProposalList
.. 这可能还是没有办法做到这一点?
一种方法如下:
export function useLazyProposalList() {
const [getQueueData,});
const fetchMoreProposals = React.useCallback(
async (options) => {
if (fetchMore) {
const { data,error } = await fetchMore(options);
return {
data: transformProposals(data),};
}
return {
data: {},};
},[fetchMore],);
const proposalList = React.useMemo(() => {
if (!data) {
return null;
}
return transformProposals(data);
},fetchMore: fetchMoreProposals,};
}
但我不喜欢这个。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。