为什么要发明Hooks？

-Class中最重要的2个特性都没有用到：

一方面，React组件之间是不会相互继承的。即没有利用到Class的继承特性
另一方面，所有UI都是由状态驱动的，因此很少会在外部去调用一个类实例（即组件）的方法。组件所有方法都是在内部调用，或者作为生命周期方法被自动调用的

目标：

-给函数组件加上状态

因为函数和对象不同，并没有一个实例的对象能够在多次执行之间保存状态，所以需要一个外部的空间来保存这个状态，并且能够检测其变化，从而能触发组件的重新渲染。

进一步：

需要一个机制，能够把一个外部的数据绑定到函数的执行。当数据变化时，函数能够自动重新执行。

在React中，这个机制就是Hooks

即，把某个目标结构钩到某个可能会变化的数据源或者事件源上，那么当被钩到的数据或者事件发生变化，产生这个目标结果的代码会重新执行，产生更新后的结果。

Hooks带来的最大好处——逻辑复用
- 即Hooks被钩的对象，不仅可以是数据源，也可以是另一个Hook执行的结果。
- class实现逻辑复用，则需要HOC等复杂的设计模式（还有renderProps）

为什么要发明Hooks？相关推荐

【译】什么是React Hooks
原文:What are React Hooks? 作者:Robin Wieruch 译者:博轩 React Hooks 于 2018年10月的React Conf 中引入,作为在 React 函数组件 ...
Svn 笔记—— Hooks
pre-commit 钩子功能: [root@Da hooks]# cat /application/svndata/sadoc/hooks/pre-commit #!/bin/bash #Check ...
react hooks使用_为什么要使用React Hooks？
react hooks使用 The first thing you should do whenever you're about to learn something new is ask your ...
react hooks使用_如何使用React和Hooks检测外部点击
react hooks使用 by Andrei Cacio 通过安德烈·卡西奥(Andrei Cacio) 如何使用React和Hooks检测外部点击 (How to detect an outsid ...
react hooks使用_如何使用Hooks将React类组件转换为功能组件
react hooks使用 by Balaganesh Damodaran 通过Balaganesh Damodaran 如何使用Hooks将React类组件转换为功能组件 (How to conve ...
超赞网站推荐_字体（更多）超赞-标志性发明
超赞网站推荐 by Pubudu Dodangoda 通过Pubudu Dodangoda 字体(更多)超赞-标志性发明 (Font (More) Awesome - an iconic invent ...
优化自定义函数_10分钟教你手写8个常用的自定义hooks
前言 Hook 是 React 16.8 的新增特性.它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性.本文是一篇以实战为主的文章,主要讲解实际项目中如何使用ho ...
Subversion hooks脚本配置演示及排错
Subversion提供了强大的hooks脚本功能,主要用于控制commit操作前,后的执行动作,以及lock,unlock操作前,后的执行动作:默认在版本仓库下的hooks目录下存在着这些脚本的模板 ...
React学习笔记6：React Hooks API总结
useState-保存状态(惰性初始化) 作用函数组件添加状态注意事项初始化以及更新state 用来声明状态变量使用步骤(使用useState来创建状态) 引入import React,{us ...

为什么要发明Hooks？

为什么要发明Hooks？相关推荐

最新文章

热门文章