当前位置：首页 > article >正文

react useRef

article 2025/1/11 19:35:18

ai说

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

存储任何可变值：你可以使用 useRef 来存储任何可变值，比如 DOM 元素的引用、文本、对象等。
DOM 元素引用：useRef 常用于存储 DOM 元素的引用，这样你就可以在组件内部直接访问和操作这些 DOM 元素，比如获取输入框的值或者焦点。
保持内部状态：当你需要在组件内部保持一些状态，而这些状态不需要触发组件的重新渲染时，可以使用 useRef。.......

import React, { useRef } from 'react';

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

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

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

查看全文

http://www.kler.cn/a/387827.html