vit*_*ang 12 reactjs redux redux-toolkit rtk-query
我刚开始使用 RTK 查询,但遇到问题
我的应用程序在一个大 JSON 中包含所有设置,因此我创建一个 RTK 查询来获取设置。在教程中,示例是关于useQuery
在组件中使用钩子并立即显示结果,但由于设置太大,因此需要多个页面/组件来显示它并允许用户更改设置
因为需要更改设置,所以我认为将状态放入商店是一个好主意,我的问题是如何将API结果放入商店?
我可以看到一些围绕它的方法
useQuery
在组件中使用,当它产生时,然后进行调度以将数据放入存储中
从 API 中放入useQuery
所有组件都使用它并使用它来获取缓存数据,那么就不需要将其放在存储上并使用组件状态来设置更改(我不确定这种方法,因为有很多设置 - 即使分为不同的页面,使用组件状态来管理它似乎也不正确)
我是 RTK 和 RTK 查询的新手,只是想知道最好/好的方法是什么?
phr*_*hry 17
使用 RTK 查询隐式意味着“将您的数据放入存储中”。它创建一个商店切片来为您管理所有数据。您可以useQuery
在需要该数据的任何地方使用该数据,并且可以将其从商店中获取或在必要时请求新的数据。
大多数时候,您不应该将该数据复制到其他地方,因为您将不得不执行手动清理等操作。
我还建议您阅读刚刚添加到官方 Redux 教程中的 RTK-Q 教程章节。它们非常有深度。
https://redux.js.org/tutorials/essentials/part-7-rtk-query-basics
小智 10
来自文档:
然而,当您使用 RTK 查询时,思维方式就会发生转变。我们不再考虑“管理状态”本身。相反,我们现在考虑“管理缓存数据”。我们现在不再尝试自己编写减速器,而是专注于定义“这些数据来自哪里?”,“这个更新应该如何发送?”,“什么时候应该重新获取这个缓存的数据?”,以及“缓存数据应该如何更新?”。如何获取、存储和检索数据成为我们不再需要担心的实现细节。