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

Question

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

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 的缓存机制。

Answer 1

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

isFetching

属性。