处理获取的数据- RTK Query / Redux toolkit / React

Question

我对所有提到的技术都很陌生，我试图理解我应该如何在这种情况下操作:我试图从API获取CSV文件，一旦检索到，我想处理它以将其转换为json类型的对象，然后我可以在我的一个组件中消费。例如，我想在一个表中查看这个数据，并对这个数据执行操作，导致该数据的状态改变。

从文档中有一个transformResponse字段定义的每个端点，我可以使用它来规范化我的应用程序所需的数据:

const api = createApi({
baseQuery: fetchBaseQuery({
baseUrl: '/',
}),
tagTypes: ['Post'],
endpoints: (build) => ({
getPost: build.query<Post, number>({
// note: an optional `queryFn` may be used in place of `query`
query: (id) => ({ url: `post/${id}` }),
// Pick out data and prevent nested properties in a hook or selector
transformResponse: (response: { data: Post }) => response.data,
...

这是可以工作的，但这样我就会对如何调度动作来改变这个状态感到困惑。

另一个解决方案是使用Redux Toolkit存储片来保存获取的数据，并执行转换操作和分派操作。

任何帮助都太棒了!

Answer 1

RTK查询的状态不是指在客户端本地更改的状态- RTK查询是一个纯缓存。

这意味着你的工作流程

• 从服务器获取数据
• 显示数据
• 向服务器发送更改请求
• 从服务器获取新数据
• 再次显示数据

RTK-Query的目的是使这个过程对你来说尽可能简单，并接管诸如在服务器上触发更改后自动重新获取和从缓存中删除旧值之类的东西。

如果你想把数据保存在本地，对它们进行本地更改，你应该使用传统的切片。