React Hooks useRef 筆記與範例

本文紀錄useRef 與 useState的主要差別，及useRef的使用範例。

一、useRef 與 useState的差別

(一)useRef重要規則

1. 渲染之間的值保持不變。

2. 更新ref不會觸發重新渲染。

(二)兩者差別

更新state會觸發組件的重新渲染。

(三)注意事項

useRef某種層面上來說類似於我們操作dom的方式，應避免誤用useRef脫離一般react開發的模式。只使用useRef來創建reference，Set focus是一適合使用useRef的典型範例。

二、useRef使用範例(包含用useRef建構計時器)

程式碼

三、推薦影片

useRef React Hooks Tutorial