创建Ref

React 的设计理念是通过状态驱动的方式来管理 UI,而不是直接操作 DOM。然而,有时候我们确实需要直接操作 DOM。你可以通过 ref 来实现。以下是步骤:

  1. 创建 ref
    import React, { useRef } from 'react';
     
    function MyComponent() {
      const myRef = useRef(null);
     
      return (
        <div ref={myRef}>
          我是一个 div 元素
        </div>
      );
    }