如何在没有参考的情况下复制反应中的状态？

Question

当我想像这样复制状态时：

let copy = this.state.foo
copy.push('bar')

状态复制正确，但有其参考，当我更改“复制”时，主状态会发生变化。

我应该怎么做才能避免这种变化？

Answer 1

您可以使用数组展开或Array.concat()进行浅层克隆，并添加新项目）：

const state = {
  foo: ['bar']
};

const copy = [...state.foo, 'bar'];

console.log(copy === state.foo); // false