引言
redux-act-array-async 是一个npm包，它可以帮助前端开发者简化使用redux-act库时对异步action的处理过程。在使用redux-act-array-async之前，需要掌握redux、redux-act的基础知识。
安装
--- ------- ---------------------
示例
redux-act-array-async 可以帮助我们简化redux-act中处理异步的过程。下面是简单的一个 dispatch 异步操作的范例：
------ - ------------ - ---- ------------ ------ - ------------------ - ---- ------------------------ ----- -------- - ----------------- -------- -------------------- -------- ---------------- -------------- --------------- -------- -- -- ----------------------------------- ---
API 说明
dispatchArrayAsync
此函数的参数如下：
actions: 一个action数组，包含了异步过程中的start，done和fail等关键事件。promise: 一个返回 Promise 类型的函数，内部为异步处理的主体代码。
createAsyncActions
此函数的参数如下：
base: action 的名称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