npm 包 redux-act-array-async 使用教程

阅读时长 3 分钟读完

引言

redux-act-array-async 是一个npm包,它可以帮助前端开发者简化使用redux-act库时对异步action的处理过程。在使用redux-act-array-async之前,需要掌握redux、redux-act的基础知识。

安装

示例

redux-act-array-async 可以帮助我们简化redux-act中处理异步的过程。下面是简单的一个 dispatch 异步操作的范例:

-- -------------------- ---- -------
------ - ------------ - ---- ------------
------ - ------------------ - ---- ------------------------

----- -------- - ----------------- --------

--------------------
  -------- ---------------- -------------- ---------------
  -------- -- -- -----------------------------------
---

API 说明

dispatchArrayAsync

此函数的参数如下:

  1. actions: 一个action数组,包含了异步过程中的startdonefail等关键事件。
  2. promise: 一个返回 Promise 类型的函数,内部为异步处理的主体代码。

createAsyncActions

此函数的参数如下:

  1. base: action 的名称
  2. async: 一个异步方法,其返回一个 Promise 类型。

使用

redux-act-array-async使用起来非常简单,只需要按照下面的步骤来处理就可以了。假定我们已经使用redux-act库创建了一个异步 action。

现在要使用redux-act-array-async来帮我们处理用户列表的异步请求。

首先,我们需要新建一个Redux标准 action。我们可以在创建Async action的同时自动创建这个action。真是方便!

现在,我们可以直接使用 getUserList。

至此,我们已经初步学会了如何使用redux-act-array-async处理异步操作。

总结

redux-act-array-async是一个十分有用的npm包,它可以帮助我们减少我们的异步操作代码并且提高我们的开发效率。在开始使用之前,我们需要掌握redux,redux-act的基础知识。同时,在使用过程中,我们需要严格按照API参数列表的要求使用。

希望本文能对大家有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005663c81e8991b448e23d2

纠错
反馈