如何使用 RTK 查询以通用方式(中间件)处理加载程序?

Anj*_*nji 2 loader react-redux rtk-query

我是 RTK 查询的新手,并且喜欢使用 RTK 查询。

在我的项目中,我想添加一个通用加载器,如果正在运行任何请求,则显示页面加载器,一旦响应成功或失败,我想隐藏加载器。

如果有人对此有更多背景,请告诉我。

提前致谢。

phr*_*hry 5

目前,还没有任何类似的现成实现 - 但当然,数据都可以在 Redux 存储中找到。

因此,您可能可以执行类似的操作(伪代码,请使用开发工具检查我是否在这里拥有所有数据结构,我现在无法查找)

const isAnythingLoading = useSelector(state => Object.values(state.api.queries).some(entry => entry.status == 'loading'))
Run Code Online (Sandbox Code Playgroud)