來聊聊為什麼你需要 useEffect 吧！
useEffect 是 react 中一個相當基礎常見的 Hook，要真正學會它就必須要對 React 如何運作有基礎的認識才行，它是 React 提供的一個 Hook 用於操作副作用，舉例來說：送出請求、操縱 DOM、設定監聽器……等都是副作用。
useEffect 是 react 中一個相當基礎常見的 Hook，要真正學會它就必須要對 React 如何運作有基礎的認識才行，它是 React 提供的一個 Hook 用於操作副作用，舉例來說：送出請求、操縱 DOM、設定監聽器……等都是副作用。
React Hook 是 React 16.8 版本新增的功能，可以讓你在不寫 class 的情況下使用 React 的功能。「要如何區分 Hook 與方法的差別？什麼情況下在 React 裡稱為 Hook？什麼時候才只能稱為方法？」於是寫這篇文章來解釋清楚。
特別記錄下來，這是 React Hook Form 中非常相近的方法：watch 與 useWatch 的差異比較與說明，就連我在第一次理解他們的時候也被搞混了，這裡製作了一些可以互動的實際範例讓你馬上體會到它們之間的差異。
React useRef 與一般定義變數差在哪？我決定把他們詳細的比較寫在這篇文章中。簡單來說 useRef 是一個 React Hook 可以讓你參考一個值並不會受到 React 的重新渲染影響，透過實際代碼操作範例來理解它與類似的 useState 還有一般變數的差異。