6 React Hook:useRef


Posted by mijouhsieh on 2023-08-19

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 的差別是什麼?


#useRef #react-hook-







Related Posts

兩週考取AWS Certified Cloud Practitioner:免費資源、準備策略與心得分享

兩週考取AWS Certified Cloud Practitioner:免費資源、準備策略與心得分享

算術運算子

算術運算子

Web開發學習筆記02 — 等號比較運算子(Equality operators) “==” vs. “===”

Web開發學習筆記02 — 等號比較運算子(Equality operators) “==” vs. “===”


Comments