3.3.1 Hook 规则与复用模式

文档摘要

3.3.1 Hook 规则与复用模式在 React 的世界里，自定义 Hook 不是语法糖，不是锦上添花的装饰，而是一套可验证、可推导、可组合的函数式抽象范式。它既承载着状态逻辑的封装使命，又暗含着运行时约束的精密契约——这契约，就是我们今天要亲手拆解、逐行验证、甚至用调试器“盯死”的 Hook 规则与复用模式。你有没有在某个深夜重构组件时，把挪到条件分支里，页面突然开始无限重渲染？有没有把和混搭进一个 for 循环，结果控制台报出的红色警告，却只把它当作“React 又在闹脾气”？这些不是偶然的报错，而是 React 内部调度器（reconciler）在向你发出底层执行模型的精确校验信号：它依赖一套确定性的 Hook 调用序列来构建和比对 Fiber 节点上的 Hook 链表。