setState是同步还是异步?

React 18 版本之前,如以下两个代码块

在合成事件和生命周期钩子函数中都是异步的
在原生事件和定时器中都是同步的

addClick = () => {
        console.log(this.state.count,'之前') //0
        this.setState({count:this.state.count + 1})
        console.log(this.state.count,'之后') //0
    }
addClick = () => {
        console.log(this.state.count,'之前') //0
        setTimeout(()=>{
            this.setState({count:this.state.count + 1})
            console.log(this.state.count,'之后')//1
        },200)
    }

React 18 版本之后,都是异步的

你可能感兴趣的:(前端,javascript,reactjs)