React?Hooks
Hook(鉤子) 是?React?16.8?的新增特性场靴。它可以讓你在不編寫?class?的情況下使用?state?以及其他的?React?特性葛家。
React?Hooks?優(yōu)勢
????-?簡化組件邏輯
????-?復(fù)用狀態(tài)邏輯
????-?無需使用類組件編寫
React?常用?Hook(所有hooks都用use聲明)
????-?useState? ? ? 狀態(tài)
? ? ? ? ? ? const?[state,?setState]?=?useState(initialState)
????-?useEffect? ? ?副作用? ? ????[????] 第二個參數(shù)是個數(shù)組呜投,可以監(jiān)聽多個值镜雨,比如text乙嘀,edit逗號隔開
? ??????????類組件
????????????????componentDidMount????組件掛載完畢
????????????????componentDidUpdate????組件更新完畢
????????????????componentWillUnmount? ? 組件即將卸載
????????????需要清除的副作用? ? ?加return
????-?useRef? ??
????-?useContext
????????????context
????????????????createContext姻成、Provider、Consumer昙楚、contextType
????-?useMemo?
????-?useCallback
Hook?使用規(guī)則
????-?只在最頂層使用?Hook
????-?只在?React?函數(shù)中調(diào)用?Hook
????????-?React?函數(shù)組件中
????????-?React?Hook?中
自定義?Hook
通過自定義?Hook近速,可以將組件邏輯提取到可重用的函數(shù)中。