编辑“︁Next.js高阶组件(HOC)”︁（章节）

== 与其他模式的比较 ==
<mermaid>
graph TD
    A[组件复用模式] --> B[高阶组件]
    A --> C[Render Props]
    A --> D[Hooks]
    B --> E[基于组件包装]
    C --> F[基于函数传递]
    D --> G[基于函数调用]
</mermaid>

* '''HOC vs Render Props'''：HOC通过组件包装实现复用，而Render Props通过函数传递实现
* '''HOC vs Hooks'''：Hooks提供了更直接的复用方式，但HOC在类组件中仍有价值