React hooks 对比class优势

1、hook可以直接从组件中提取状态逻辑，无需修改组件结构复用，不用形成render props 高阶组件嵌套地狱
2、将组件关联部分设置为更小函数（订阅发布或请求数据），可根据reducer管理组件内部状态，不用像class一样根据生命周期把无关联的函数写在一起，Hook 允许我们按照代码的用途分离他们， 而不是像生命周期函数那样。React 将按照 effect 声明的顺序依次调用组件中的每一个 effect。
3、class不能很好压缩，会使热重载不稳定
4、useState中的state只在首次渲染中被创建，数组解构创建变量
5、useEffect支持在函数中执行副作用操作，相当于class中的conponentDidMount,componentDidUpdate、willUnmount三个函数的组合，每次渲染后都执行，每次我们重新渲染，都会生成新的 effect，替换掉之前的
6、可选清除机制，有些副作用可能需要清除，在useEffect中返回一个函数，会在组件卸载时执行清除操作，内置进行性能优化 ，每次渲染时都会将值进行对比
7、单个组件中可以使用多个 State Hook 或 Effect Hook， React 靠的是 Hook 调用的顺序