背景介绍
Redux-Pac定义了一种将redux应用的逻辑 - 如请求和响应 以及应用状态和错误信息的表示方式。使用 @types/redux-pack 可以在 TypeScript 项目中使用 Redux-Pack。
安装方式
npm install --save @types/redux-pack
示例代码
-- -------------------- ---- -------
------ - ------ - ---- -------------
------ - ---------- - ---- --------------
------ ----- --------- - -- -- -
------ -
----- -----------
-------- -----------------------
----- -
---------- ---------- -------------- -- ------------------------
---------- ------- ----------- -- ------------------
-
-
-
----- ------------- - ---------- -------------- -- -
-- ------
-
----- ----------- - ------- ----------- -- -
-- ------
-
----- ------- - ------ - --- ------- ---------- -- -
------------------- -
---- -----------
------ ------------- ------- -
-------- ----------- ------- -- -
-- ------
-
-------- ----------- ------- -- -
-- ------
-
--
--------
------ ------
-
-API 介绍
Redux-Pack 的 action 包含三个重要的字段：type，payload 和 meta。
type
该字段是用来标识 action 类型，与普通 Redux Action 类型类似。
payload
该字段代表着 action 的载荷，用于传递数据。
meta
该字段主要用于描述额外的元数据，包括 API 请求，成功和失败处理等。在 @types/redux-pack 中，我们主要关注成功失败回调函数的设置。
@types/redux-pack 的使用
@types/redux-pack 主要导出了三个类型：
PackAction
PackAction = Action & {
promise: Promise<any> | null,
meta: {
onSuccess?: SuccessHandler<any>,
onFailure?: FailureHandler<any>
}
}该类型继承了 Redux 的 Action 类型，并添加了 promise 以及 meta 成员，其中:
promise是一个 Promise 对象用于处理异步操作。meta中的onSuccess和onFailure用于处理响应（数据）和错误信息。
SuccessHandler / FailureHandler
SuccessHandler 和 FailureHandler 用于声明回调函数的类型，分别使用了 Type Parameters 用于约束函数参数。
handle
handle 函数的类型声明如下：
handle<State, ActionType extends PackAction>(state: State | undefined | null, action: ActionType, handlers: Handlers<State, ActionType>): State
三个参数分别为：
state应用状态管理action执行的 action 对象handlers包含了针对 action 的不同处理（成功，失败）方式的函数集合
总结
@types/redux-pack 将Redux-Pac的操作与 TypeScript 结合在一起。通过引入 @types/redux-pack 包，您可以在您的 TypeScript 项目中更高效地使用 Redux-Pac，加速开发速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc1afb5cbfe1ea0611ead