React中setState的使用

React中的setState既是同步也是异步

同步:

验证一:在setTimeout中的更新

changText(){
        setTimeout(()=>{
            this.setState({
                increment:'你好啊,lpx'
            })
            console.log(this.state.increment);
        },0)
    }

验证二:原生DOM事件:

componentDidMount(){
        document.getElementById('btn').addEventListener('click',()=>{
            this.setState({
                increment:'你好啊,lpx'
            })
            console.log(this.state.increment);
        })
    }

异步:

在组件生命周期和react合成事件

posted @ 2022-01-08 21:04  无何不可88  阅读(44)  评论(0)    收藏  举报