react hooks 之 useRef

  • 用來獲取 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;
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容