javascript - Redux:克隆状态不起作用

我有一个非常简单的问题，但是…

reducer的代码（在redux / react-native应用中）：

...
case SAMPLES_DELETE_REQUEST_SUCCESS: {
    var newState = Object.assign({}, state);
    const indexToDelete = newState.samples.findIndex( sample => {
      return sample.id == action.sample.id
    })
    newState.samples.splice(indexToDelete, 1)
    debugger;
    return newState
  }
...

好的，我复制状态并将其存储到newState中。但是当我执行newState.samples.splice(indexToDelete, 1)时，正确修改了newState，而且还修改了state！为什么？？我一定累了...

最佳答案

splice函数修改原始数组。 Object.assign不进行深度克隆。因此，您仍在修改原始状态！

您将必须手动复制要克隆的嵌套对象（或数组）：

// Deep Clone
obj1 = { a: 0 , b: { c: 0}};
let obj2 = JSON.parse(JSON.stringify(obj1));