React Fiber 的作用和原理

完整高频题库仓库地址：https://github.com/hzfe/awesome-interview

完整高频题库阅读地址：https://febook.hzfe.org/

相关问题

• Fiber 是什么

• 谈谈你对 Fiber 的了解

• Fiber 对 React 的使用带来了什么影响

回答关键点

调度 深度优先遍历

Fiber 是 React 16 中采用的新协调（reconciliation）引擎，主要目标是支持虚拟 DOM 的渐进式渲染。

Fiber 将原有的 Stack Reconciler 替换为 Fiber Reconciler，提高了复杂应用的可响应性和性能。主要通过以下方式达成目标：

• 对大型复杂任务的分片。

• 对任务划分优先级，优先调度高优先级的任务。

• 调度过程中，可以对任务进行挂起、恢复、终止等操作。

Fiber 对现有代码的影响：由于 Fiber 采用了全新的调度方式，任务的更新过程可能会被打断，这意味着在组件更新过程中，render 及其之前的生命周期函数可能会调用多次。因此，在下列生命周期函数中不应出现副作用。

• shouldComponentUpdate

• React 16 中已经声明废弃的钩