可变的最佳实践 | 不可变对象

Question

我们应该使用第一种方式还是第二种方式来更新状态中的设置对象？哪个是可变的最佳实践？不变的概念？state = {  settings: {    at: [],    // other keys  }}addHour = () => {    const { settings } = this.state;    const time = moment();    time.set({ minutes: 0, seconds: 0 });    // First Way    settings.at.push(time);    this.setState({ settings });    // Second Way    const new_settings = {        ...settings        at: [...settings.at, time]    }    this.setState({ settings: new_settings });};

Answer 1

在第一种方式中，您仍然在改变原始状态对象。它被称为对原始对象的引用。第二种方法是对状态进行克隆。它的2个不同的对象。