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

Redux修改State的深层对象

前端

欧方源码 2023-01-25 609次

希望修改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) 生活类模板 (2) 工程建筑网站模板 (9) 建筑工程网站模板 (1) 雨棚 (1) 企业管理网页模板 (1) 政府机构 (2) 弹框 (1) 化工油漆 (1) 图片网站模板 (2) 岗亭网站模板 (2) 风机电机 (1) 婚纱摄影网站模板 (2) 金色 (1) 人造草坪网页模板 (1) 蓝色 (8) 图片网页模板 (1) 公益单位 (1) 多级联动菜单 (1) tab切换 (3) 网络公司模板 (2) 美食 (1) 影视源码下载 (1) 电线电缆网页模板 (1) 花卉盆栽 (2) 智能 (1) 宠物网页模板 (1) 环保设备网页模板 (13) 家政保洁 (1) 留学咨询网页模板 (1) 园林景观 (2) 金属 (1)