准备面试中:react fiber解决了什么问题

3 阅读1分钟

16.0之前,react使用stack reconciler进行渲染,过程不可打断。例子:输入文字后,要过一会才出现 fiber思想:将一个任务拆分为无数个小的执行单元,可打断,执行完小执行单元后,浏览器判断是否有更高优先级的事件出现。 fiber reconciler将过程分为两个阶段: 调和阶段:创建工作树,状态改变后,进行diff,在工作树上进行操作。可打断 提交阶段:一次性将变更提交到DOM上。不可打断。