react-hooks
- react-hooks 是react16.8以后,react新增的钩子API,目的是增加代码的可复用性,逻辑性,弥补无状态组件没有生命周期,没有数据管理状态state的缺陷。
- react-hooks 思想和初衷,也是把组件,颗粒化,单元化,形成独立的渲染环境,减少渲染次数,优化性能。
主要 API
-
useState
、useRef
、useReducer
、useMemo
、useLayoutEffect
、useEffect
、useContext
、useCallback
为什么要使用hooks
- react-hooks 可以让我们的代码的逻辑性更强,可以抽离公共的方法,公共组件。
- react-hooks 思想更趋近于函数式编程。用函数声明方式代替 class 声明方式,虽说 class 也是 es6 构造函数语法糖,但是 react-hooks 写起来更有函数即组件,无疑也提高代码的开发效率。
- react-hooks可能把庞大的class组件,化整为零成很多小组件,useMemo等方法让组件或者变量制定一个适合自己的独立的渲染空间,一定程度上可以提高性能,减少渲染次数。
网友评论