卸载后持久反应查询分页

Question

所以我得到了一个分页查询，如下所示：

const [filters, setFilters] = useState({
search_text: undefined,
page_size: 10,
page: 1,
});
return useQuery({
queryKey: ['users', { filters }],
queryFn: () => /* some fetch */,
keepPreviousData: true,
});

我的问题是，我想知道最后使用的过滤器，所以当我卸载组件时，我可以返回到它，并使用完全相同的数据和过滤器。显然，如果我将过滤器保持为状态，那么当组件卸载时，我就会失去这种状态。我想知道react查询是否能以某种方式帮助我？

Answer 1

由于这是一个客户端状态问题，react查询在这里并没有真正的帮助。您需要将该客户端状态向上移动，或者移动到父组件、像zustand这样的全局客户端状态管理器，或者最终移动到url，这对于搜索查询和分页非常有效，因为它还免费为您提供可共享的url。