RTK Query（RTKQ)

是什么

• RTK Query是一个处理数据加载的问题，用来获取数据和缓存数据的工具。

使用

• RTKQ已经集成在了RTK中，如果我们已经在项目中引入了RTK则无需再引入其余的模块。RTKQ给我们提供的发送请求的方式（简单封装过的fetch）

创建Api切片

• createApi()创建RTKQ中的api对象，传一个对象，在里面配置各种功能

• 配置项：

  • reducerPath: 创建的api标识，不能和其他api或者reducer相同

  • baseQuery: 指定查询的基础信息，配置发送请求的工具及路径信息

    • 默认指定工具：fetchBaseQuery 对fetch进行简单的封装，需要传一个对象作为参数

    • 对象里面可以写基础路径、配置请求头

  • tagTypes：给api加上标签，数据的缓存会依据标签来进行存储 标签可以有多个

  • endpoints 指定api的各种功能，是一个方法，需要一个对象作为返回值，在对象中返回请求的方法及路径信息

• endpoints 配置信息

  • 参数 build 是请求的构建器，通过build来设置请求的相关信息

  • 查询方法： 方法名称：build.query（{ query 配置信息 }）

    • 返回请求的子路径，这里的路径会和baseQuery 中的路径拼接在一起

  • 修改方法：方法名称：build.mutation（{ query 配置信息 }）

    • 返回一个对象，配置请求的子路径、方法、修改/提交的数据

  • 请求方法的配置项信息

    • transformResponse 函数 ，用来转换响应数据

    • keepUnusedDataFor 设置请求的数据换存的时间，单位秒，默认60s，值为0时，有效解决第二次调用方法不发送请求，使用缓存数据问题

    • providesTags 查询标签，查询询可以使其缓存的数据提供标记。这样做可以确定哪个“标记”附加到查询返回的缓存数据。

      • providesTags值的类型：[''] 、{}、[{}]、 (result,error,QueryArg)=>{return []} 函数参数: result: 查询返回的结果 error: 错误信息 QueryArg：外面传进来的参数

    • invalidatesTags 失效标签 ，使基于标记的特定缓存数据无效

    • providesTags 和 invalidatesTags 一定要配合 tagTypes 使用

  • 注意

    • providesTags: [{ type: "student", id: "LIST" }]<