如何在 react-query 中启用 keepPreviousData 时获取 isLoading 状态

【问题标题】：How to get the isLoading state while keepPreviousData is on in react-query如何在 react-query 中启用 keepPreviousData 时获取 isLoading 状态
【发布时间】：2021-07-29 04:29:16
【问题描述】：

我想保留以前的数据并在加载时在数据之上使用微调器。

我知道 isLoading 仅在硬加载时才返回 true。但是，只要有后台提取，使用 isFetching 就会触发微调器出现。

keepPreviousData开启时有什么方法可以获取加载状态吗？

【问题讨论】：

这是反应查询的期望行为，以防止跳入和跳出成功和加载状态。
这种情况下如何实现该功能？

标签： reactjs react-query

【解决方案1】：

这样做的一个好方法是使用isPreviousData 标志，该标志也从useQuery 返回。只要由于keepPreviousData而显示先前的数据，它将是true，并且一旦该查询的“真实数据”返回，它将返回到false。

这是例如我们如何禁用pagination example 中的下一步按钮

【讨论】：

请随意接受并投票赞成答案:)