react同步更新state的方法？

旅行家小二

于 2022-01-10 11:03:56 发布

阅读量1k

点赞数

分类专栏： react 文章标签： react.js

本文链接：https://blog.youkuaiyun.com/weixin_43869982/article/details/122405969

版权

react 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了两种在前端开发中更新组件状态的方法：一是通过定时器触发状态更新；二是利用原生事件来实现状态更改。这两种方式均可实现在特定条件下改变组件的状态，并在控制台输出更新后的状态。

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

1、定时器的方式

    onChange(){
        setTimeout(()=>{
            this.setState({
                name:'你好你还原'
            })
            console.log(this.state)
        },0)
    }

2、使用原生事件

    componentDidMount(){
        document.getElementById('btn').addEventListener('click',()=>{
            this.setState({
                name:'你好你还原'
            })
            console.log(this.state)
        },false)
    }