柯里化通过封装固定配置与动态参数提升组件复用性：一是固化公共props生成专用组件；二是抽离通用事件逻辑；三是预置业务变体；四是构建上下文感知工厂，支持主题与微前端场景。
柯里化能有效压缩大型组件库中重复的属性定义逻辑，核心在于把“固定配置 + 动态参数”这种高频模式，从每次手动拼写，变成一次封装、多处复用。
提取公共配置为第一层参数
组件库中常出现类似 size="large"、theme="dark"、disabled={false} 这类跨多个组件重复使用的 props。与其在每个组件调用处都写一遍，不如用柯里化提前固化这些默认值。
- 定义一个基础包装函数：const withDefaults = (defaults) => (Component) => (props) =>
- 复用时只需声明一次：const DarkLargeButton = withDefaults({ size: 'large', theme: 'dark' })(Button)
- 后续所有使用
<darklargebutton></darklargebutton>的地方，都不再需要重复传那两个属性
把事件处理器的通用行为抽离出来
比如表单组件中大量存在 onBlur、onChange、onFocus 的校验或日志逻辑，它们往往只变字段名，其余逻辑一致。
- 写一个柯里化处理函数：const handleFieldChange = (fieldName) => (setState) => (e) => setState(prev => ({ ...prev, [fieldName]: e.target.value }))
- 在组件中直接绑定：onChange={handleFieldChange('email')(setForm)}
- 换字段只需改第一个参数，不用重写整个箭头函数，也不用依赖
useCallback去记忆一堆闭包
按业务场景预置组件变体
大型项目常需同一组件的不同“角色版本”，如“只读编辑框”、“带清空按钮的搜索框”、“防抖提交按钮”。这些不是靠 CSS 类解决，而是靠组合 props 和事件行为。
- 例如封装防抖按钮：const DebouncedButton = debounceProps({ delay: 300 })(Button)，其中
debounceProps是个柯里化高阶函数 - 再叠加禁用逻辑：const DisabledDebouncedButton = withDisabled(DebouncedButton)
- 最终导出的是语义清晰、可命名、可按需导入的专用组件，而不是散落在各处的 inline 配置
统一管理主题与上下文透传
当组件库支持多主题或运行在不同微前端子应用中时，很多 props（如 locale、tenantId、featureFlags）需全局注入但又不能硬编码。
- 用柯里化构造上下文感知工厂：const createThemedComponent = (theme) => (Component) => (props) =>
- 配合 React Context 使用，可在顶层调用
createThemedComponent(useContext(ThemeContext))，让下游组件自动获得当前主题，避免层层透传 - 这种写法天然适配 tree-shaking，未使用的主题变体不会被打包进去
