React 是如何工作的？什么是虚拟 DOM（Virtual DOM），它解决了什么问题？

How does React work? What is the virtual DOM and what problems does it solve?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: react-fundamentals

标签: React, Virtual DOM, Reconciliation

参考答案摘要

答案 React 以“组件 + 状态（state）驱动 UI”作为核心：当 state/props 变化时，组件会重新渲染得到新的 UI 描述（React Element 树）。 虚拟 DOM 是内存中的 UI 表示（通常是 JS 对象树）。React 通过对比（reconciliation/diff）新旧树，计算出最小化的变更集合，再批量提交到真实 DOM（commit）以减少昂贵的 DOM 操...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。