当前位置: 首页 > Web前端 > HTML5

React源码Part6——如何实现状态更新

时间:2023-04-05 18:13:48 HTML5

概述本题主要介绍在React中触发状态更新后如何更新React应用,即状态更新的原理。首先,您需要了解触发状态更新的方式。状态更新后,触发的功能是什么?什么是并发模式,它比当前模式有什么优势?React中提出的异步可中断更新是如何实现的?关于如何启用React的异步和可中断渲染模式(ConCurrentrenderingmode)来触发状态更新,官方有哪些指导?this.setState(),ReactDOM.renderthis.setState,this.forceUpdateuseState,useReducer异步可中断更新原因异步可中断更新是指在React更新队列中插入一个新的更新任务,并赋予其高优先级。React的commit阶段会自动调度任务队列的优先级,让优先级先更新。所以只要新插入的任务的优先级足够高,就可以先更新,然后依次执行更新队列中的任务。状态更新流程图