修改嵌套的redux状态而不进行更改

Question

我是否可以使用此功能来改变redux状态？

function addDefinition(object, payload) {
    var newObject = Object.assign({}, object);
    if(!newObject[payload.guid]){
    newObject[payload.guid] = [];
    }
    newObject[payload.guid].push(payload);
    return newObject;
}

我想创建结构来保存与应用程序不同部分相关的数据。

Answer 1

是的，这.push() 语句变异在以后的调用。 在第一个调用中，数组是新创建的，因此它不符合变异条件。 在以后的调用中，您创建了一个新对象，但复制了现有的数组引用，因此.push()会使现有数组发生突变。

Answer 2

是。 请参阅markerikson的答案。 请记住，您可以使用点差运算符避免这种情况。

const INITIAL_STATE = {
  guid: []
}

function addDefinition(state = INITIAL_STATE, payload) {

  return {...state, guid: [...state.guid, payload]};

}

另外，您可以避免使用带有初始状态的if语句。