react的this.setState的同步异步问题

最新推荐文章于 2025-06-10 09:22:31 发布

浅听记忆2

最新推荐文章于 2025-06-10 09:22:31 发布

阅读量797

点赞数

CC 4.0 BY-SA版权

分类专栏： react

本文链接：https://blog.csdn.net/qq_41716949/article/details/110150457

react 专栏收录该内容

4 篇文章

订阅专栏

博客聚焦于React中this.setState的同步异步问题，虽未给出具体内容，但可知围绕该关键技术点展开探讨，这在前端开发中是重要的知识内容，对理解React的状态管理机制有重要意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   // 在异步中同步更新 
   add=async()=>{
        // setTimeout(() => {
        //     this.setState({
        //         count:this.state.count+1
        //     })
        // }); 
        await this.setState({
            count:this.state.count+1
        },()=>{
            console.log(this.state,'2')
        })
        console.log(this.state.count,'count')
    }

   // 在同步中不会实时拿到最新数据
   add=()=>{
        this.setState({
                count:this.state.count+1
            })
        }); 
        this.setState({
            count:this.state.count+1
        },()=>{
            console.log(this.state,'2')
        })
        console.log(this.state.count,'count')
    }

    render(){
        const { count } = this.state
        return (
            <div>
                {this.state.count}
                <p onClick={this.add}>增加{count}</p>
            </div>
        )
    }