什麼是 React hook？
鉤子為功能組件提供了管理狀態和副作用的能力。它們首次在 React v16.8 中引入，此後添加了不同的鉤子。今天我們將討論我最常使用的 3 個鉤子。
**
const [年齡，setAge] = useState(18)
上面是如何定義此鉤子的簡單範例。
useState 掛鉤採用參數 (18) 作為已定義變數（年齡）的初始狀態，並為我們提供一個包含兩個值的陣列：
以下是 setter 函數的工作原理：
函數incrementAge(){
setAge(a => a + 1)
}
每次呼叫此函數時，setter 函數都會根據上次狀態更新狀態。
2。 useEffect 鉤子
它可以讓您將元件與 DOM、網路等外部系統同步。
useEffect(() => {
const 連線 = createConnection(serverUrl, roomId);
連接.connect();
返回() => {
連接.disconnect();
};
}, [serverUrl, roomId]);
useEffect 掛鉤有 2 個參數，一個 函數 和一個 依賴陣列 。只有當函數後面的依賴數組中的變數更改其值或狀態時，該函數才會執行。如果依賴項數組為空，則函數將在每次渲染元件時運行。
這些只是 React 中許多其他鉤子中的兩個，它們在不同情況下是最常見和最有用的。
以上是頂級掛鉤的詳細內容。更多資訊請關注PHP中文網其他相關文章！
