星海

React · 单选题 · 第 43 题

前端与全栈开发面试 · 第 43 题

React 引入 Fiber 架构的主要目的是?

  1. A让 React 能在多个线程中同时并行地渲染组件树,以便充分利用多核 CPU
  2. B把渲染工作拆成可中断的小单元,让高优先级更新能打断低优先级的渲染
  3. C彻底移除虚拟 DOM,改为直接操作真实 DOM 来提高页面渲染效率
  4. D专门为服务端渲染设计,浏览器端的渲染流程并不会使用到 Fiber

答案

B B. 把渲染工作拆成可中断的小单元,让高优先级更新能打断低优先级的渲染

解析

旧的栈协调器一旦开始就要递归到底,大组件树会长时间占住主线程,造成卡顿。Fiber 把每个组件变成一个工作单元,可以暂停、恢复和按优先级调度,这是 useTransition 等并发特性的基础。JS 仍然是单线程,Fiber 做的是时间切片,而不是并行。

在线刷这套题:即时判分、错题本、闪卡复习,不用登录就能练。