关键在于切断闭包依赖链，确保传给子组件的函数、对象、数组等 props 引用稳定：用 useCallback 缓存函数，useMemo 包裹对象/数组，避免 HOC 每次返回新组件引用，并注意 context 值纳入依赖项。
关键在于切断闭包依赖链，让传给子组件的 props（尤其是函数和对象）保持引用稳定。高阶组件本身不直接导致重复渲染，真正触发问题的是它内部每次调用时生成的新闭包——比如在 HOC 里定义的事件处理函数、计算属性或 context 获取逻辑，若未做记忆化，就会随父组件重渲染而重建，进而打破 React.memo 的浅比较，迫使子组件重渲染甚至重复挂载。
确保传入子组件的函数引用稳定
闭包中最常见的是内联函数或 HOC 内部声明的 handler，它们每次执行都生成新引用。
- 不要在 HOC 返回的组件体中直接写箭头函数作为 props，例如：
onClick={() => doSomething()} - 改用
useCallback缓存，依赖项必须精确——只包含真正影响函数行为的变量 - 若函数依赖 HOC 注入的上下文值（如从
useContext拿到的 dispatch），需将该值纳入useCallback依赖数组，避免因 context 变更导致缓存失效或遗漏更新
避免在 HOC 中动态构造对象/数组 props
HOC 若返回一个新对象（如 { config: { theme: 'dark' } }）传给子组件，即使内容相同，引用也不同，React.memo 会判定为变化。
- 用
useMemo包裹对象或数组，仅当其依赖项变化时才重建 - 对简单配置对象，可提前提取为常量；对需动态计算的，明确列出依赖项，避免漏掉状态或 context 值
- 特别注意：嵌套对象的深层属性变化不会被浅比较捕获，必要时考虑结构扁平化或使用库辅助深比较（但慎用，性能代价高）
检查 HOC 是否无意中改变了子组件的类型
有些 HOC 实现会在每次调用时返回一个新组件函数（比如未缓存的 const Enhanced = () => {...}），这会让 React 认为是全新组件，触发卸载-挂载流程，而非重渲染。
- HOC 应返回一个稳定的组件引用，通常做法是把增强逻辑写在函数外部，或用
useMemo缓存返回的组件 - 若 HOC 接收 render props 或 children 函数，确保这些函数也被
useCallback包裹，否则子组件会随父组件重渲染而“重造” - 避免在 HOC 内部用
useState或useEffect创建副作用逻辑后，又将其结果直接作为 props 透传——除非你明确需要响应式更新，否则应先用useMemo固定输出
合理使用 React.memo 并理解它的边界
React.memo 是守门员，但它只看 props 引用是否变化，不关心闭包内部逻辑。
- 务必对所有可能变动的 props（函数、对象、数组）做记忆化，不能只 memo 子组件而忽略上游数据源
- 如果子组件用了
useEffect且依赖了某个闭包函数，该函数引用不稳定会导致 effect 频繁销毁重建，进一步放大渲染开销 - 调试时可在子组件开头加
console.log，观察是否“不该渲染时也执行了”，再顺藤摸瓜查哪个 props 引用在变
