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
  })
}

.

posted @   每天都要进步一点点  阅读(332)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2019-04-19 react 生命周期函数
2018-04-19 antd 表单验证
2017-04-19 vue1.0 的过滤器
点击右上角即可分享
微信分享提示