跨多个组件访问 RTK 查询数据和状态

Gur*_*bot 4 javascript reactjs react-redux redux-toolkit rtk-query

我正在使用 RTK 查询来获取一些数据。我需要访问应用程序中各个组件的加载状态,但我不确定如何执行此操作。

我觉得这可能只是我误解了如何在更大的应用程序中正确使用 RTK 查询。大多数示例都是单个组件,我不太明白如何从各个组件访问单个查询的各种状态。

例如,我需要在应用程序的主要部分显示一个加载程序,其中数据是从查询生成的。然后,我需要在侧边栏的一小部分中显示一个完全不同的加载器,其中包含一些通过相同的 API 查询生成的内容详细信息。

这如何与 RTK 查询配合使用?
是否存在使用共享此查询状态/状态的多个组件的示例?
我是否完全错过了对如何在应用程序中使用状态的基本理解?(我感觉这就是这里的哈哈)

phr*_*hry 5

如果您useQuery在另一个组件中使用相同的参数调用相同的钩子,则这两个组件将共享缓存条目并返回完全相同的数据 - 它不会触发对服务器的另一个请求。

所以:只要useQuery你需要它就在任何地方:)

  • 如果在多个组件中我需要在重新运行/重新获取查询时显示加载状态,尽管它是在另一个组件中的其他地方重新获取的,该怎么办?状态也会共享吗?如果文档中明确说明了这一点,我深表歉意,我无法确定这一点。 (2认同)