頂級掛鉤

什麼是 React hook？
鉤子為功能組件提供了管理狀態和副作用的能力。它們首次在 React v16.8 中引入，此後添加了不同的鉤子。今天我們將討論我最常使用的 3 個鉤子。

**

1. useState 鉤子 ** 它允許您在組件內添加狀態變數。

const [年齡，setAge] = useState(18)

上面是如何定義此鉤子的簡單範例。
useState 掛鉤採用參數 (18) 作為已定義變數（年齡）的初始狀態，並為我們提供一個包含兩個值的陣列：

1. (age) 傳回目前狀態
2. (setAge) 這是一個 setter 函數 讓您更新狀態。

以下是 setter 函數的工作原理：

函數incrementAge(){
setAge(a => a + 1)
}

每次呼叫此函數時，setter 函數都會根據上次狀態更新狀態。

2。 useEffect 鉤子
它可以讓您將元件與 DOM、網路等外部系統同步。

useEffect(() => {
const 連線 = createConnection(serverUrl, roomId);
連接.connect();
返回() => {
連接.disconnect();
};
}, [serverUrl, roomId]);

useEffect 掛鉤有 2 個參數，一個 函數 和一個 依賴陣列 。只有當函數後面的依賴數組中的變數更改其值或狀態時，該函數才會執行。如果依賴項數組為空，則函數將在每次渲染元件時運行。

這些只是 React 中許多其他鉤子中的兩個，它們在不同情況下是最常見和最有用的。

以上是頂級掛鉤的詳細內容。更多資訊請關注PHP中文網其他相關文章！