React中如何获取组件对应的 DOM元素？

【概念释义】

获取 DOM 节点：① ref（useRef/createRef）挂到原生元素或 class 组件；② callback ref；③ findDOMNode（已废弃）。函数组件需 forwardRef 暴露内部 DOM。典型用途：聚焦、测量尺寸、集成非 React 库（Chart、地图）。

【基础使用】

function TextInput() {
  const inputRef = useRef(null);

  useEffect(() => {
    inputRef.current?.focus();
  }, []);