react useRef

ai说

useRef 是 React 提供的一个 Hook，它可以让你在函数组件中保持一个可变的值，这个值在组件的整个生命周期内都不会改变。useRef 的主要用途包括：

1. 存储任何可变值 ：你可以使用 useRef 来存储任何可变值，比如 DOM 元素的引用、文本、对象等。

2. DOM 元素引用 ：useRef 常用于存储 DOM 元素的引用，这样你就可以在组件内部直接访问和操作这些 DOM 元素，比如获取输入框的值或者焦点。

3. 保持内部状态 ：当你需要在组件内部保持一些状态，而这些状态不需要触发组件的重新渲染时，可以使用 useRef。.......

   import React, { useRef } from 'react';

   function MyComponent() {
   const myRef = useRef(null); // 初始化 ref 对象

   function handleClick() {
   // 使用 ref 对象访问 DOM 元素
   console.log(myRef.current);
   }

   return (
   

   
   <button ref={myRef} onClick={handleClick}>
   Click me
   </button>
   
   
   );
   }