为何不建议过度使用React 的Refs？请说明原因与场景？

【概念释义】

Refs 提供访问 DOM 节点或 class 实例的逃生舱，绕过 props 数据流。过度使用会破坏 React 声明式模型、难测试、与 Concurrent 特性冲突。应优先 受控组件 管理表单值；ref 适合聚焦、测量、集成非 React 库（地图、播放器）。

【基础使用】

function AutoFocusInput() {
  const inputRef = useRef(null);
  useEffect(() => {
    inputRef.current?.focus();
  }, []);