react-hooks

react-hooks

  • react-hooks 是react16.8以后,react新增的钩子API,目的是增加代码的可复用性,逻辑性,弥补无状态组件没有生命周期,没有数据管理状态state的缺陷。
  • react-hooks 思想和初衷,也是把组件,颗粒化,单元化,形成独立的渲染环境,减少渲染次数,优化性能。

主要 API

  • useStateuseRefuseReduceruseMemouseLayoutEffectuseEffectuseContextuseCallback

为什么要使用hooks

  • react-hooks 可以让我们的代码的逻辑性更强,可以抽离公共的方法,公共组件。
  • react-hooks 思想更趋近于函数式编程。用函数声明方式代替 class 声明方式,虽说 class 也是 es6 构造函数语法糖,但是 react-hooks 写起来更有函数即组件,无疑也提高代码的开发效率。
  • react-hooks可能把庞大的class组件,化整为零成很多小组件,useMemo等方法让组件或者变量制定一个适合自己的独立的渲染空间,一定程度上可以提高性能,减少渲染次数。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容