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

Question

我是所有提到的技术的新手，我正在尝试了解在这种情况下应该如何操作：我正在尝试从 API 中获取 CSV 文件，一旦检索到我想处理它以将其转换为类似 json 的对象，然后我可以在我的组件之一中使用它。例如，我想在 table 中查看此数据并对该数据执行操作，这会导致该数据的状态发生变化。

文档中为每个定义的端点都有一个 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 的目的是使该过程对您来说尽可能简单，并在服务器上触发更改后接管自动重新获取等功能，并从缓存中删除旧值。

如果您想将数据保存在本地以对其进行本地更改，您应该使用传统切片。

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

Process fetched data - RTK Query / Redux toolkit / React

reactjs

react-redux

redux-toolkit

rtk-query