突变后等待缓存数据重新加载的模式答案

【问题标题】：Pattern for waiting for cache data to reload after a mutation突变后等待缓存数据重新加载的模式
【发布时间】：2022-08-22 07:18:19
【问题描述】：

我试图找出在调用突变后等待缓存数据重新加载的正确方法。我想指出加载状态，直到数据完全重新加载。目前我在做一些事情：

const [start, startState] = useModifyDataMutation();
const [load loadState] = useGetDataQuery();
const onClick = async () => {
   await start();   
   await load();
};

return <LoadingButton onClick={onClick} 
                      loading={startState.isLoading || loadState.isFetching}>
       Start
       </LoadingButton>

该示例确实对我有用，但我想知道是否有一种方法可以在不手动调用数据加载的情况下实现这一点，并且只依赖 RTK 的缓存机制。

标签： reactjs react-redux rtk

【解决方案1】：

如果您想显示任何缓存刷新（同一请求）的加载，RTKQ 返回有一个您可以使用的isFetching 属性。

【讨论】：