taro 适当封装 Redux,简化调用
1.适当封装 Redux,简化调用
src/utils/redux.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | /** * 适当封装 Redux,简化调用 */ /* eslint-disable import/prefer-default-export */ import fetch from './request' export function createAction(options) { const { url, payload, method, fetchOptions, cb, type } = options return (dispatch) => { return fetch({ url, payload, method, ...fetchOptions }).then((res) => { dispatch({ type, payload: cb ? cb(res) : res }) return res }) } } |
2.调用
src/actions/user.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | import { API_USER_LOGIN } from '@constants/api' import { createAction } from '@utils/redux' /** * 用户登录 * @param {*} payload */ export const dispatchLogin = payload => { return createAction({ url: API_USER_LOGIN, // api请求地址 type: USER_LOGIN, payload }) } |
.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步