- 用来获取 DOM 元素,或者 class 组件实例 。
- 创建
useRef
时候,会创建一个原始对象,只要函数组件不被销毁,原始对象就会一直存在,那么我们可以利用这个特性,来通过useRef
保存一些数据。
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;