小满zs

自定义hooks 前几章我们已经介绍了React内置的hooks(useState, useEffect, useContext, useReducer, useRef, useMemo, useCa

useId useId 是 React 18 新增的一个 Hook，用于生成稳定的唯一标识符，主要用于解决 SSR 场景下的 ID 不一致问题，或者需要为组件生成唯一 ID 的场景。 使用场景 为组件

useDebugValue useDebugValue 是一个专为开发者调试自定义 Hook 而设计的 React Hook。它允许你在 React 开发者工具中为自定义 Hook 添加自定义的调试值

useCallback useCallback 用于优化性能，返回一个记忆化的回调函数，可以减少不必要的重新渲染，也就是说它是用于缓存组件内的函数，避免函数的重复创建。 为什么需要useCallbac

useMemo useMemo 是 React 提供的一个性能优化 Hook。它的主要功能是避免在每次渲染时执行复杂的计算和对象重建。通过记忆上一次的计算结果，仅当依赖项变化时才会重新计算，提高了性能

useContext useContext 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。设计的目的就是解决组件树间数据传递的问题。 用法 参数 入参 context

在这一年发生了很多事情，有过哭有过笑，有过欢喜，有过悲伤。 大家好我是小满，原名张满月，是哔哩哔哩前端免费课的天花板，我也是2023年掘金年度人气总冠军，2022年年度人气排行榜第六名，以及阿里云专家

useImperativeHandle 可以在子组件内部暴露给父组件句柄，那么说人话就是，父组件可以调用子组件的方法，或者访问子组件的属性。 如果你学过Vue，就类似于Vue的defineExpose

useRef 当你在React中需要处理DOM元素或需要在组件渲染之间保持持久性数据时，便可以使用useRef。 通过Ref操作DOM元素 参数 initialValue：ref 对象的 curren