前言
用于創(chuàng)建對DOM元素的引用。它還可以用于存儲組件之間共享的變量，這些變量不會在組件重新渲染時發(fā)生更改。
用法
useRef() 可以接收一個初始值，返回一個包含 current 屬性的對象，這個屬性可以存儲任意可變值，而且當(dāng)修改它時不會重新渲染組件。
useRef() 的常見用法包括：
- 訪問 DOM 節(jié)點的引用
- 保存定時器 ID 和其他一些無法通過 props 傳遞的變量
- 在組件的多次渲染之間存儲值，而不需要使用useState() 來跟蹤值的變化
下面是一個使用 useRef() 的示例代碼：文章來源：http://www.zghlxwxcb.cn/news/detail-407575.html
import React, { useRef } from 'react';
function InputWithFocusButton() {
const inputRef = useRef(null);
function handleButtonClick() {
inputRef.current.focus();
}
return (
<div>
<input type="text" ref={inputRef} />
<button onClick={handleButtonClick}>Focus Input</button>
</div>
);
}
在這個例子中，我們創(chuàng)建了一個名為inputRef的引用，并將其傳遞給了 input 元素的 ref 屬性。然后我們編寫了一個函數(shù) handleButtonClick()，當(dāng)按鈕被點擊時，它將使用 current 屬性來訪問 input 元素的引用并聚焦該元素。文章來源地址http://www.zghlxwxcb.cn/news/detail-407575.html
到了這里，關(guān)于React-Hooks----useRef()的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[React] useRef用法和特性](https://imgs.yssmx.com/Uploads/2024/02/428292-1.png)
