是什么

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" }]<

相关文章

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: