useRef is a React Hook that lets you reference a value that’s not needed for rendering.
useRef 這個 React Hook 可以在元件不重渲染的情況下,幫助我們在特定時刻取的特定的值,讓畫面有所改動。以上只是單一種情境。
學習重點
展現了 useRef 相當多靈巧的用法,而 useRef 最出現的場境是表單操作,你可以透過 useRef 來存取 DOM 節點的資料。根據這個使用場景,你需要將注意力聚焦在以下幾個問題上:
1 如何使用 useRef 來儲存資料或抓以前的值?
2 如何使用 ref 保存 DOM Node?useRef 會還傳一個物件,這個物件中會有一個 current 的屬性,屬性裡放的是什麼?
3 使用 useState 與 useRef 的差別是什麼?