卸载后保持反应查询分页

Question

所以我有一个分页查询，如下所示：

  const [filters, setFilters] = useState({
    search_text: undefined,
    page_size: 10,
    page: 1,
  });

  return useQuery({
    queryKey: ['users', { filters }],
    queryFn: () => /* some fetch */,
    keepPreviousData: true,
  });

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

Answer 1

由于这是一个客户端状态问题，react-query 在这里帮不上什么忙。您需要将该客户端状态向上移动到父组件、全局客户端状态管理器（如 zustand），或者最终 url - 这对于搜索查询和分页非常有效，因为它还为您提供了可共享的 urls 免费。

卸载后保持反应查询分页

Persist react-query pagination after unmount

react-query