Redux修改State的深层对象_前端

Redux修改State的深层对象

前端

欧方源码 2023-01-25 1821次

希望修改state.notificatinBar.open

const initialState = {
    notificationBar: {
        open: false,
    },
};

方法一：使用Object.assign()

export default function (state = initialState, action) {
  switch (action.type) {
    case actions.LAYOUT_NOTIFICATIONBAR_OPEN:
      return Object.assign({}, state, {
        // TODO: Find a cleaner way to do this!
        notificationBar: Object.assign({}, state.notificationBar, {
          open: true,
        }),
      });
    default:
      return state;
  }
}

方法二：使用ES6的三点语法

 
export default function (state = initialState, action) {
  switch (action.type) {
    case actions.LAYOUT_NOTIFICATIONBAR_OPEN:
      return {
        ...state,
        notificationBar: {
            ...state.notificationBar,
            open: true,
        },
    };
    default:
      return state;
  }
}

会员中心开通VIP 在线客服

声明：本站资源来自网络或会员自行发布，请勿用于非法及商业用途，如果侵犯了您的权益请与我们联系!

上一篇: JS判断是不是手机端

下一篇: 字符串style样式转成对象类型函数

栏目导航

热门资源

热门标签

岗亭网站模板 (2) 茶具网站模板 (1) 图片展示 (1) 网页客服 (3) 行业通用网站模板 (12) 企事业单位 (1) 公益单位模板 (1) 医疗设备模板 (1) 开源 (1) 阀门 (1) 在线QQ客服 (3) 环保材料 (1) 办公耗材网站模板 (1) 网架网站模板 (8) 联动菜单 (1) 大转盘 (1) 设计类网站模板 (1) 环保 (1) 快递物流网站模板 (1) 网架 (2) 花卉盆栽 (2) 电子元件 (1) 表单验证 (1) 个人博客源码 (3) 岗亭 (1) 教育培训机构网站模板 (3) tab选项卡搜索 (1) 医药制药 (1) 五金机械 (1) 事业单位 (1) 数据机床网页模板 (1) 营销公司 (1)