react-hooks
- react-hooks 是react16.8以后伶氢,react新增的鉤子API,目的是增加代碼的可復用性,邏輯性,彌補無狀態(tài)組件沒有生命周期硫豆,沒有數(shù)據(jù)管理狀態(tài)state的缺陷。
- react-hooks 思想和初衷蹬癌,也是把組件闷堡,顆粒化铐伴,單元化撮奏,形成獨立的渲染環(huán)境俏讹,減少渲染次數(shù),優(yōu)化性能畜吊。
主要 API
-
useState
泽疆、useRef
、useReducer
玲献、useMemo
殉疼、useLayoutEffect
、useEffect
青自、useContext
株依、useCallback
為什么要使用hooks
- react-hooks 可以讓我們的代碼的邏輯性更強,可以抽離公共的方法延窜,公共組件恋腕。
- react-hooks 思想更趨近于函數(shù)式編程。用函數(shù)聲明方式代替 class 聲明方式逆瑞,雖說 class 也是 es6 構(gòu)造函數(shù)語法糖荠藤,但是 react-hooks 寫起來更有函數(shù)即組件,無疑也提高代碼的開發(fā)效率获高。
- react-hooks可能把龐大的class組件哈肖,化整為零成很多小組件,useMemo等方法讓組件或者變量制定一個適合自己的獨立的渲染空間念秧,一定程度上可以提高性能淤井,減少渲染次數(shù)。