状态内的反应数组不会改变

Question

scriptWriter = (data:ItemType) => {

    let id = data.id

    console.log(this.state.items.map(el => el.id === id ? data : el)) //#1

    this.setState({

        items: this.state.items.map(el => el.id === id ? data : el)

    })

    console.log(this.state.items) //#2

}

这是我的代码。我正在尝试更改状态数组中的元素。但是#1代码的结果和#2的结果是不同的。我想改变this.state.item结果#1。有什么解决办法吗？

Answer 1

这是因为 setState 本质上是异步的，使用回调来记录状态值，该状态值将在状态更新后调用：this.setState({    items: this.state.items.map(el => el.id === id ? data : el)  },  () =>  console.log(this.state.items));