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。
按官方文档的说法,需要传入一个空对象作为Object.assign的第一个参数。这里使用concat也是一样的目的,会返回一个新的数组,如果用push的话会修改原来的数组。
redux的三大原则之一就是不改变原来的状态,Object.assign({},object1,object2)的作用就是object1,obeject2复制到第一个参数{}中,生成一个新的对象状态,如果用数组push改变的原来的数组,而且是数组诶,Object.assign()的具体用法可以参考es6.ruanyifeng.com里面对象这一章。