引言
redux-act-array-async 是一个npm包，它可以帮助前端开发者简化使用redux-act库时对异步action的处理过程。在使用redux-act-array-async之前，需要掌握redux、redux-act的基础知识。
安装
npm install redux-act-array-async
示例
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。
import { createAction } from 'redux-act';
const getUsers = createAction('get users');现在要使用redux-act-array-async来帮我们处理用户列表的异步请求。
首先，我们需要新建一个Redux标准 action。我们可以在创建Async action的同时自动创建这个action。真是方便！
import { createAsyncActions } from 'redux-act-array-async';
const getUserList = createAsyncActions('带有异步效果列表获取', async () => {
const response = await axios.get('https://jsonplaceholder.typicode.com/users');
return response.data;
});现在，我们可以直接使用 getUserList。
dispatch(getUserList.start());
getUserList()
.then((data) => dispatch(getUserList.done(data)))
.catch((error) => {
dispatch(getUserList.fail(error.message));
return error;
});至此，我们已经初步学会了如何使用redux-act-array-async处理异步操作。
总结
redux-act-array-async是一个十分有用的npm包，它可以帮助我们减少我们的异步操作代码并且提高我们的开发效率。在开始使用之前，我们需要掌握redux，redux-act的基础知识。同时，在使用过程中，我们需要严格按照API参数列表的要求使用。
希望本文能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663c81e8991b448e23d2