为什么引入react hooks?

Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

为什么引入Hooks?Hooks 在解决什么问题

react官方给出的动机是用来解决长时间使用和维护react过程中遇到的一些难以避免的问题。比如:

  • 难以重用和共享组件中的与状态相关的逻辑,造成产生很多巨大的组件

  • 逻辑复杂的组件难以开发与维护,当我们的组件需要处理多个互不相关的 localstate 时,每个生命周期函数中可能会包含着各种互不相关的逻辑在里面。

  • 复杂的模式,如渲染道具和高阶组件。

  • 由于业务变动,函数组件不得不改为类组件。

这时候,Hooks就派上用场了。 Hooks 允许我们将组件内部的逻辑,组织成为一个可复用的隔离模块。

React Hooks的好处

React Hooks 让你的功能函数作为一个函数,并挂钩到React 特定功能。这就是他,如此简单如此强大。这是React Hooks的一些好处(大多数已经覆盖到了,我只想分享我认为收益最明显的地方)

  1. 重写不用移处或添加state,仅删除、添加行

  2. 用useEffects不用记生命周期方法

  3. 不像class组件的state可自定义和跨组件重用。

  4. 更干净的代码

  5. 没有重大变化

更多前端开发知识,请查阅 HTML中文网 !!

以上就是为什么引入react hooks?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读