首页 > 关于Redux入门的几个问题?

关于Redux入门的几个问题?

function todoApp(state, action) {
  switch (action.type) {
    case 'ADD_TODO':
      return Object.assign({}, state, {
        items: items.concat([{
          message: action.message,
          completed: false
        }])
      });

    default:
      return state;
  }
}

在这段reducer中,为什么要用Object.assign呢?
items是一个数组,用push代替concat可以吗?可以的话,二者有什么区别呢?


redux官方文档里面强调了,不能直接修改state,reducer每次更新状态时需要返回一个新的state。

We don’t mutate the state. We create a copy with Object.assign(). Object.assign(state, { visibilityFilter: action.filter }) is also wrong: it will mutate the first argument. You must supply an empty object as the first parameter. You can also enable the object spread operator proposal to write { ...state, ...newState } instead.

按官方文档的说法,需要传入一个空对象作为Object.assign的第一个参数。这里使用concat也是一样的目的,会返回一个新的数组,如果用push的话会修改原来的数组。


redux的三大原则之一就是不改变原来的状态,Object.assign({},object1,object2)的作用就是object1,obeject2复制到第一个参数{}中,生成一个新的对象状态,如果用数组push改变的原来的数组,而且是数组诶,Object.assign()的具体用法可以参考es6.ruanyifeng.com里面对象这一章。

【热门文章】
【热门文章】