React useRef()是React框架中的一个Hook函数,用于在函数组件中创建一个可变的引用。它返回一个可变的ref对象,该对象的.current属性可以被赋值为任意值,并且在组件的整个生命周期内保持不变。
使用React useRef()可以实现以下功能:
React useRef()的使用示例:
import React, { useRef } from 'react';
function Example() {
const inputRef = useRef(null);
const handleClick = () => {
inputRef.current.focus();
};
return (
<div>
<input ref={inputRef} type="text" />
<button onClick={handleClick}>Focus Input</button>
</div>
);
}
在上述示例中,通过useRef()创建了一个名为inputRef的引用对象,并将其赋值给input元素的ref属性。当点击按钮时,调用handleClick函数,使得input元素获取焦点。
推荐的腾讯云相关产品:
更多腾讯云产品信息,请访问腾讯云官方网站:https://cloud.tencent.com/
领取专属 10元无门槛券
手把手带您无忧上云