（给前端大全加星标，提升前端技能）
转自：zouwowo
juejin.cn/post/
前言
本文不会有React具体应用的内容，只是一些对于hooks跟之前的类组件的比较，对于hooks本身的思考。
笔者在今年的8月份入职现在的公司，从原来的vue转为React。因为公司还存在一些比较老的项目，所以前期并没有完全投入到React的项目开发当中。从10月份开始，参与了一个公司层面的新项目从0到1的构建过程，这也是我第一个React项目。我们是全面拥抱hooks的，这个项目的开发过程中，我也写了很多自定义的hooks方法，封装了好几个通用的功能组件，也算是熟练了React的具体应用。
项目开发初期，我一直有个疑惑，我在入职之前学习React的时候，其实很多的教程都是使用的类组件的方法，很少看到hooks的相关教程。自己边学边写demo的时候使用的也都是类组件的写法，但是现在越来越多的团队开始全面拥抱hooks，hooks到底有什么优点？我将在下面提出一些自己的思考和想法。
类组件和函数组件区别这里要注意，类组件和hooks，这两个东西其实并不是一个概念。hooks只是一个工具集，用来增强函数组件的功能。真正要对比的应该是类组件和函数组件。
我们先来看看类组件和函数组件的区别。
代码写法上的区别这是最直观的区别，代码就长的不一样嘛。我随便列几个很常见的例子，这些特性在函数组件里都没有。
类组件，顾名思义，它就是一个类，需要继承Class。类组件可以直接定义state类组件有生命周期方法类组件可以使用this获取到组件实例心智模型上的区别这是两个组件之间最大的区别，用