Redux Model Ts 4.2.0 发布，Redux 的面向对象封装

内容简介：本次更新内容 1、增加mvvm特性，修改reducer代码不再需要使用扩展符，直接改变数据即可 interface Data { info: { name: string; age: number; }; } class Test extends Model<Data> { ...

本次更新内容

1、增加mvvm特性，修改reducer代码不再需要使用扩展符，直接改变数据即可

interface Data {
  info: {
    name: string;
    age: number;
  };
}

class Test extends Model<Data> {
  runAction = this.actionNormal({
    action: () => {
      return this.emit();
    },
    onSuccess: (state, action) => {
      // 只需要这一行就可以轻松改变reducer，不需要return
      state.info.age = 30;
    },
  });
}

 

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

Redux模型是对原生redux的一次面向对象封装，OOP方案可以实现隐藏重复代码、提高工作效率以及减少开发时间的效果。你只需要花半个小时，就能完全了解模型的用法，并从中受益。

对比

	原生redux	redux-model-ts
写法	函数式	面向对象
action与reducer文件分离	要	不要
对ts的支持	一般	完美
定义types	要	内置
异步请求	thunk 或 saga	内置
异步loading状态	写reducer处理	内置
代码量	多	少一半

以上所述就是小编给大家介绍的《Redux Model Ts 4.2.0 发布，Redux 的面向对象封装》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。