21.高阶组件（HOC）是什么概念？它们在 React 中通常怎样应用？

张开发
• 2026/4/7 0:50:18 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

21.高阶组件（HOC）是什么概念？它们在 React 中通常怎样应用？
高阶组件是什么高阶组件Higher-Order Component简称 HOC本质上就是一个“接收组件返回新组件”的函数。也就是说它不直接渲染 UI 而是接收一个组件把它包一层逻辑最后再吐出一个“升级版”的组件。你可以用 HOC 来复用一段组件逻辑比如加载态、鉴权、埋点等把“横切关注点”权限、日志、主题等抽出来避免每个组件都写一遍在不改原组件内部代码的前提下给它加一点“外挂能力”代码示例一个 withLoading 高阶组件下面这个例子就是给任意组件加上“加载中”逻辑的 HOCimport React from react;

更多文章