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

Redux修改State的深层对象

前端

欧方源码 2023-01-25 888次

希望修改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样式转成对象类型函数

栏目导航

热门资源

热门标签

装修网站模板 (1) 空调维修 (1) 农业设备网站模板 (2) 筛选 (1) jQuery插件 (4) 黄色 (1) 人造草坪网页模板 (1) 锁芯锁具网站模板 (1) 下载页 (1) 轮播图 (2) 设计公司网站模板 (2) 医疗设备模板 (1) 新型材料 (1) 淘宝购物车 (1) 树苗 (1) 养生 (1) 不锈钢弹簧线网页模板 (1) 装修装饰 (4) 宠物用品 (1) 校外辅导 (1) 电子元件 (1) 建站公司 (1) 中英文网站模板 (2) 省市区 (1) 智能设备网站模板 (6) 宠物网页模板 (1) 落地页 (3) 新闻 (1) 口红 (1) 红色模板 (5) 新闻网站模板 (4) 电线电缆网页模板 (1)