hooks

1.高階組件為了復(fù)用，導(dǎo)致代碼層級復(fù)雜

2.生命周期的復(fù)雜

3.寫出function組件,無狀態(tài)組件，因?yàn)闋顟B(tài)需要，又改成了class，成本高

4.useState（保存組件狀態(tài)）?=號前面有兩個(gè)參數(shù)，第一個(gè)參數(shù)用來拿到數(shù)據(jù)，第二個(gè)參數(shù)用來改變數(shù)據(jù)的方法，改變的話直接調(diào)用方法名然后覆蓋即可

5.沒有this了，在 return里面直接書寫相關(guān)的數(shù)據(jù)即可

6.事件處理函數(shù)和之前一樣可以聲明到外面寫，也可以直接寫到里面

7.useEffect(處理副作用) 兩個(gè)參數(shù) 第一個(gè)參數(shù)回調(diào)函數(shù) 第二參數(shù)數(shù)組是否依賴于什么??一次執(zhí)行

8.useEffect第二參數(shù)依賴?第一次執(zhí)行后如果有依賴第二更新也會(huì)執(zhí)行

9.useEffect: 類似 componentDidMount/UpdatecomponentWillUnmount，當(dāng)效果為componentDidMount/Update 時(shí)，總是在整個(gè)更新周期的最后(頁面渲染完成后) 才執(zhí)行

10.useLayoutEffect: 用法與 useEffect 相同，區(qū)別在于該方法的回調(diào)會(huì)在數(shù)據(jù)更新完成后，頁面渲染之前進(jìn)行，該方法會(huì)阻礙頁面的渲染useDebugValue: 用于在 React 開發(fā)者工具中顯示自定義 hook 的標(biāo)簽