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 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
