你在 React 中使用自訂鉤子嗎？

自訂掛鉤是幫助我們在元件外部建立和維護功能的方法，這些功能可以在應用程式中的各個元件之間重複使用和呼叫。
聽起來是不是很熟悉？是的，它們基本上是 util 函數，當我們在 hooks 風暴之前或甚至開始使用 React 或 Angular 等庫之前工作時，我們傾向於將其保留在 utils.js 中。

此外，這是 S.O.L.I.D 原則中依賴倒置的正確範例。

這裡我們沒有將它們作為函數保存在 js 檔案中，而是將它們作為可以在元件頂部呼叫的鉤子。

為什麼要使用自訂鉤子？

隨著應用程式規模的成長，抽像出可重複使用元件外部的邏輯非常重要。它幫助我們提高程式碼的模組化程度。透過將此類邏輯移到外部，您可以將許多元件簡單地保留為表示元件。

透過建立自己的自訂掛鉤，您可以避免使用外部函式庫來新增功能，從而節省空間和維護成本。

由於自訂鉤子旨在像內建鉤子一樣在元件頂部使用，因此您可以在同一內部使用 useState、useEffect 甚至自訂鉤子。

創建鉤子時要記住的要點

• 以「use」關鍵字開頭。
• 牢記堅實的原則－鉤子應該只做一件事。
• 預先定義參數的型別 — 如果是 typescript — 很好。
• 應該僅在您正在使用的組件的頂部使用
• 不要新增認為將來可能會出現的新參數或選項。保留擴充空間；當有需要時，我們可以擴充鉤子的能力

完整文章請上medium blog。

以上是你在 React 中使用自訂鉤子嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！