javascript - 关于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的话会修改原来的数组。

这篇关于javascript - 关于Redux入门的几个问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！