我如何在没有参考的情况下复制状态

时间:2018-07-20 14:30:56

标签: javascript reactjs

当我想要复制状态时:

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

状态已正确复制,但带有参考,当我更改“复制”时,主要状态也会更改

该如何避免这种变化,谢谢您的帮助

1 个答案:

答案 0 :(得分:2)

您可以使用array spreadArray.concat()进行浅克隆,并添加新项):

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

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

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