- 用來獲取 DOM 元素,或者 class 組件實例 。
- 創(chuàng)建
useRef時候,會創(chuàng)建一個原始對象,只要函數(shù)組件不被銷毀,原始對象就會一直存在,那么我們可以利用這個特性,來通過useRef保存一些數(shù)據(jù)。
import React, {useRef} from "react";
import './App.css';
function App() {
const inputRef = useRef<any>(null);
const getVal = () =>{
console.log(inputRef.current.value);
}
return (
<div className="App">
<br />
<br />
<input type="text" ref={inputRef}/>
<br />
<br />
<button onClick={getVal}> 打印輸入的值 </button>
</div>
);
}
export default App;