為了實(shí)現(xiàn)代碼的復(fù)用，高階組件導(dǎo)致代碼層級變得復(fù)雜。

為了滿足狀態(tài)需求，開始時(shí)使用函數(shù)組件或無狀態(tài)組件，但后來又轉(zhuǎn)為類組件，增加了開發(fā)成本。

使用useState來保存組件的狀態(tài)。在等號之前有兩個(gè)參數(shù)，第一個(gè)參數(shù)用于獲取數(shù)據(jù)，第二個(gè)參數(shù)用于修改數(shù)據(jù)的方法。如果需要修改數(shù)據(jù)，直接調(diào)用方法名并覆蓋即可。

在返回語句中直接書寫相關(guān)的數(shù)據(jù)，無需使用this。

事件處理函數(shù)可以像之前一樣聲明在外部寫，也可以直接寫在內(nèi)部。

使用useEffect來處理副作用。它有兩個(gè)參數(shù)，第一個(gè)是回調(diào)函數(shù)，第二個(gè)是依賴數(shù)組，用于指定是否依賴特定值。只在首次執(zhí)行時(shí)執(zhí)行一次。

如果useEffect的依賴數(shù)組有更新，那么在首次執(zhí)行后也會(huì)再次執(zhí)行。

useEffect類似于componentDidMount/Update和componentWillUnmount。當(dāng)用作componentDidMount/Update時(shí)，它總是在整個(gè)更新周期的最后（即頁面渲染完成后）執(zhí)行。

useLayoutEffect與useEffect的用法類似，不同之處在于它的回調(diào)會(huì)在數(shù)據(jù)更新完成后、頁面渲染之前執(zhí)行。該方法會(huì)阻塞頁面的渲染。

useDebugValue用于在React開發(fā)者工具中顯示自定義hook的標(biāo)簽。