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

为了实现代码的复用，高阶组件导致代码层级变得复杂。

为了满足状态需求，开始时使用函数组件或无状态组件，但后来又转为类组件，增加了开发成本。

使用useState来保存组件的状态。在等号之前有两个参数，第一个参数用于获取数据，第二个参数用于修改数据的方法。如果需要修改数据，直接调用方法名并覆盖即可。

在返回语句中直接书写相关的数据，无需使用this。

事件处理函数可以像之前一样声明在外部写，也可以直接写在内部。

使用useEffect来处理副作用。它有两个参数，第一个是回调函数，第二个是依赖数组，用于指定是否依赖特定值。只在首次执行时执行一次。

如果useEffect的依赖数组有更新，那么在首次执行后也会再次执行。

useEffect类似于componentDidMount/Update和componentWillUnmount。当用作componentDidMount/Update时，它总是在整个更新周期的最后（即页面渲染完成后）执行。

useLayoutEffect与useEffect的用法类似，不同之处在于它的回调会在数据更新完成后、页面渲染之前执行。该方法会阻塞页面的渲染。

useDebugValue用于在React开发者工具中显示自定义hook的标签。