React 18（一）

最新推荐文章于 2024-07-24 17:19:20 发布

快乐的小猫咪

最新推荐文章于 2024-07-24 17:19:20 发布

阅读量473

点赞数

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

本文链接：https://blog.csdn.net/qq_40447462/article/details/120332737

版权

React 18 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在React 18之前 setSate在非React事务（定时器回调 / 原生事件监听回调 / promise回调）中是同步的，而在React事务中异步，而React 18 在非React事务中setState也是异步的


//React 18 中 
class App extends React.Component{
    
    state={
        count:0;
    };
    
    changeHandle =>()=>{

        setTimeout(()=>{

            this.setState({count:this.state.count+1});
            console.log('count',this.state.count); //React 18 中第一次点击按钮打印 0

        },1000)
        
    
    }
    
    render(){
        const {count} = this.state;
        return <button onChange={this.changeHandle}>{count}</button>
    }
}

//React 18 
ReactDOM.creatRoot(document.getElementById('root')).render(<App/>)


/*
    ** React 17 
    ** ReactDOM.render(<App/>,document.getElementById('root'));
*/