React 在高频交互场景下为什么容易出现性能瓶颈？常见优化思路有哪些？

Why can React hit performance bottlenecks in high-frequency interactions, and what are common mitigation strategies?

题目类型: 技术面试题

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

难度: hard

分类: Frontend

标签: performance, re-render, memo, throttle

参考答案摘要

答案 高频事件（拖拽、resize、输入联动）会触发大量状态更新与协调开销，导致 diff/commit 压力上升。常见优化： 减少受控范围 （拆分状态到更小粒度）、 避免无意义重渲染 （React.memo/useMemo/useCallback）、 事件节流/防抖 、以及在极端场景用 直接 DOM/Canvas/WebGPU 绕开频繁的 React 渲染路径。

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