当需求需要走其他路径时如何触发重新获取？

Question

到目前为止，我可以通过儿童组件传递Refetch功能。问题是当我必须转到另一页并使用redux时。 （新路径链接的打开对话框）。在该页面中，我将触发此Refetch功能。虽然redux肯定无法保存功能倒流。解决这个问题的正确方法是什么？

 const { data: getWorkerGroupsResponse, refetch } = useQuery(
  'get-worker-group',
   async () => getWorkerGroups(projectId as string),
   {
      enabled: !!projectId,
   },
  );

在上面的代码中，我必须将Refetch传递到其他页面。

Answer 1

当查询键更改时，React查询手柄会自动换取。您不应仅仅因为ID发生了变化，因此不应发现需要调用Refetch。

您的组件中有一个错误，即查询密钥不包含ID，因此从RQ角度来看，只有一个查询。如果您介绍它，即使不手动进行拆除也可以：

const { data: getWorkerGroupsResponse, refetch } = useQuery(
  ['get-worker-group', projectId], // projectId should be part of queryKey
  async () => getWorkerGroups(projectId as string),
  {
    enabled: !!projectId,
  },
);

现在，当ProjectID更改时，React Query会选择您提供的更改并将重新运行的事实。使用新值查询。