Wandra

useDebugValue是一个React Hook，允许您在React DevTools中添加标签(label)到自定义Hook 在自定义Hook的顶层调用useDebugValue以显示可读的调试

useId是一个 React Hook，用于生成可以传递给可访问性属性的唯一 ID。 useId不带任何参数。useId返回与此特定组件中的此特定useId调用关联的唯一 ID 字符串。 useId是

useMemo是一个 React Hook，可让您在重新渲染之间缓存计算结果。 在组件的顶层调用useMemo来缓存重新渲染之间的计算： 参数： calculateValue ：计算要缓存的值的函数。

useLayoutEffect可能会影响性能。如果可能，更推荐使用useEffect。Effects只在客户端上运行。 它们不会在服务器渲染期间运行。如果在useLayoutEffect中触发状态更新

useRef是一个 React Hook，可让您引用渲染不需要的值 ；与状态不同，它是可变（mutabal）的,但是，如果它包含用于渲染的对象（例如，状态的一部分），那么您不应该改变该对象。

具有分布在多个事件处理程序中的许多状态更新的组件可能会让人不知所措。对于这些情况，您可以将组件外部的所有状态更新逻辑合并到一个函数中，称为“ reducer”。 使用reducer整合状态逻辑 随着组

useState返回的set函数允许您将状态更新为不同的值并触发重新渲染。您可以直接传递下一个状态，或者根据前一个状态计算它的函数：

useEffect是一个 React Hook，可让您将组件与外部系统同步。例如，您可能希望根据 React 状态控制非 React 组件、设置服务器连接或在组件出现在屏幕上时发送分析日志。Effec

有些组件需要与外部系统同步。例如，您可能希望根据 React 状态控制非 React 组件、设置服务器连接或在组件出现在屏幕上时发送分析日志。 Effects允许您在渲染后运行一些代码，以便您可以将组