自定义 Hook

把组件里重复的那段逻辑抽成 use 开头的函数。它共享的是逻辑而不是状态,每次调用都是独立的一份。

useDebugValue

给自定义 Hook 在 React DevTools 里加一行可读标签。只在调试面板生效,第二个参数能把格式化推迟到查看时。

useEffect

Effect 用来把组件与外部系统同步:订阅、计时器、请求。它在浏览器绘制之后运行,清理函数与它成对写。