5.3.1 组合式组件（Composition）

文档摘要

5.3.1 组合式组件（Composition）在前端工程化演进的漫长征途中，我们曾痴迷于“继承”的优雅——父类封装共性，子类专注特化；也曾沉醉于“高阶组件”的魔法，用一层层函数包裹出千变万化的 UI 行为。但当业务复杂度突破临界点，当一个页面需要同时协调表单校验、异步加载、权限拦截、状态缓存、错误重试、国际化文案注入、以及跨组件的副作用联动时，“继承链过深导致难以调试”“HOC 嵌套地狱引发 props 覆盖冲突”“逻辑复用粒度粗、无法按需拆解”等问题便如潮水般涌来，一次的失败日志里，竟有七行报错指向同一个的嵌套栈。这时，组合式组件（Composition）不是一种新语法糖，而是一次认知范式的迁移：它把“我是谁”让位于“我能做什么”，把“我从哪里来”让位于“我与谁协作”。