更新处于反应状态的数组不起作用

Question

我想在 React 应用中实现一个简单的撤消/重做功能。为此，我正在尝试跟踪状态。

反应状态：

  state = {
        schedule : [],
        loads:[],
        undo:[],
        redo:[]
    };

但是当我尝试更新 undo[] 时，它总是在第一个触发器中打印一个空数组，从第二次开始添加项目。试图找出为什么它没有在第一时间更新 undo[] 数组。

const redoUndoObj ={
             oldStateSchedule : this.state.schedule,
             oldStateLoads : this.state.loads
        }


        this.setState({ undo : this.state.undo.concat(redoUndoObj)});

        console.log(this.state.undo);//print [] at first run

Answer 1

你会在setState的回调中得到你更新的状态，即如下：

this.setState({ 
  undo : this.state.undo.concat(redoUndoObj)
}, () => console.log(this.state.undo));