在 React 开发中，为什么通常不建议过度使用 Refs 机制？
考察说明
考察对 React Refs 的使用场景和潜在问题的理解，以及能否权衡声明式与命令式编程范式。
回答思路
- 【回答框架 1】Refs 在 React 中主要用于访问 DOM 节点或组件实例，适用于处理焦点、文本选择、媒体播放或集成第三方 DOM 库等命令式操作。过度使用意味着频繁绕过 React 的声明式数据流。
- 【回答框架 2】React 的核心是数据驱动视图，通过 props 和 state 管理 UI。过度使用 Refs 会导致 UI 状态分散在 DOM 中，组件逻辑变得难以追踪和复用，破坏单向数据流。
- 【回答框架 3】依赖 Refs 强制修改 DOM 或组件状态，可能使 UI 与 React 内部状态不一致，引发难以预测的渲染问题，且增加代码维护成本。
- 【回答框架 4】恰当的做法是优先考虑状态提升或状态管理方案，仅在必要时使用 Refs，例如管理焦点、测量 DOM 或集成非 React 库，并保持 Refs 使用范围最小化。
- 【关键点 1】过度使用 Refs 会导致命令式代码侵入，破坏 React 声明式编程范式。
- 【关键点 2】Refs 绕过数据流，可能导致 UI 与状态不一致，产生隐藏 bug。
- 【关键点 3】应优先使用状态和属性驱动 UI，Refs 仅限必要场景。
- 【易错点 1】不要将 Refs 用于可以通过状态管理解决的问题。
- 【易错点 2】避免在渲染方法中直接修改 DOM 或组件实例，可能导致不可预期的副作用。
- 【易错点 3】注意清理 Refs 相关的监听器或副作用，防止内存泄漏。