React-认识高阶组件

高阶组件：至少需要满足以下条件之一
1、接受一个或者多个函数作为输入
2、输出一个函数

高阶组件：（Higher-Order Component，简称HOC）
定义：高阶组件是参数为组件，返回值为新组件的函数
高阶组件本身不是一个组件，而是一个函数
特点：
1、接收一个组件作为它的参数
2、返回一个组件
官方定义：高阶组件是参数为组件，返回值为新组件的函数。

高阶组件的意义
早起React有提供组件之间的一种复用方式是mixin，目前已经不再建议使用：
1、mixin可能会相互依赖，相互耦合，不利于代码维护
2、不同的mixin中的方法可能会相互冲突
3、mixin非常多时，组件处理起来会比较麻烦，甚至还要为其做相关处理，这样会给代码造成滚雪球式的复杂性。

当然，HOC也有自己的一些缺点：
1、HOC需要再元组件上进行包裹或者嵌套，大量使用HOC，将会产生非常多的嵌套，让调试变得非常困难。
2、HOC可以劫持props，在不遵守约定的情况下也可能造成冲突。

Hooks的出现，是开创性的，它解决了很多React之前存在的问题。

？ 什么时候用函数组件，什么时候用类组件呢？
答：一般如果高阶组件有自己的属性的时候用类组件方便，没有的话用函数组件就可以了。