概述

  • 本问主要介绍在React中,触发状态更新后如何更新React应用,也就是状态更新的原理
  • 首先需要知道触发状态更新的方式有哪些
  • 状态更新后,触发的函数是什么?
  • 什么是并发模式,相较于当前的模式有什么优势?
  • React中提出异步可中断更新是如何实现的?

官方指导

关于React的异步可中断渲染
如何开启React并发模式(ConCurrent渲染模式)

触发状态更新的方式有哪些?

this.setState()、 ReactDOM.render

this.setState、this.forceUpdate

useState、useReducer

异步可中断更新的原因

  • 异步可中断更新指在React更新队列中,插入新的更新任务并赋予高的优先级。React的commit阶段会自动调度任务队列的优先级,让优先级高的先更新。所以只要新插入任务优先级够高就能先更新,而后再依次执行更新队列中任务。

状态更新流程图

image.png


冷咖啡
22 声望3 粉丝

知识的搬运工😄