react hooks 之 useRef

• 用来获取 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;