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

React-[基礎篇]- 基礎篇與state篇的大綱

React-[基礎篇]- 基礎篇與state篇的大綱

component test 問題集(Vue2 + TS + Jest + vue-test-utils)

component test 問題集(Vue2 + TS + Jest + vue-test-utils)

JavaScript 邏輯運算 && ( and )、| | ( or )、!( not )

JavaScript 邏輯運算 && ( and )、| | ( or )、!( not )


Comments