千锋教育2022版React全家桶教程_react零基础入门到项目实战完整版

hooks

1.高阶组件为了复用，导致代码层级复杂

2.生命周期的复杂

3.写出function组件,无状态组件，因为状态需要，又改成了class，成本高

4.useState（保存组件状态） =号前面有两个参数，第一个参数用来拿到数据，第二个参数用来改变数据的方法，改变的话直接调用方法名然后覆盖即可

5.没有this了，在 return里面直接书写相关的数据即可

6.事件处理函数和之前一样可以声明到外面写，也可以直接写到里面

7.useEffect(处理副作用) 两个参数 第一个参数回调函数 第二参数数组是否依赖于什么  一次执行

8.useEffect第二参数依赖 第一次执行后如果有依赖第二更新也会执行

9.useEffect: 类似 componentDidMount/UpdatecomponentWillUnmount，当效果为componentDidMount/Update 时，总是在整个更新周期的最后(页面渲染完成后) 才执行

10.useLayoutEffect: 用法与 useEffect 相同，区别在于该方法的回调会在数据更新完成后，页面渲染之前进行，该方法会阻碍页面的渲染useDebugValue: 用于在 React 开发者工具中显示自定义 hook 的标签