javascript - 如何在更新增益之前清空状态中的数组？

Question

我想在再次添加之前清空状态中的数组

this.state = {
    arrayOne = [
    {
        name: 'first n',
        last: 'last n'
    },
    {
        name: 'first Name',
        last: 'last Name'
    }
]
}

this.setState({arrayOne: []}) //not emptying the array
this.setState({arrayOne: [...arrayOne.splice()]}) //also not working

Answer 1

为什么说它不起作用？语法看起来不错并且应该可以工作

请注意，setState 是一个异步函数，您需要等待更新完成才能看到更改。

您可以将回调函数传递给 setState，该函数将在设置状态时执行，如下所示

  this.setState({
       blah: 'something new'
    }, () => {
    console.log(this.state.blah) // will print 'something new'
 } 
}) 

如果您这样做，您将不会立即看到变化:

this.setState({
   blah: 'something new'
})
console.log(this.state.blah) // this will print whatever 'blah' was previously set to, and not 'something new'