柯里化在组件属性默认值注入中本质是分离配置与渲染：先定规则再套组件，通过两层函数固化默认值，使组件调用更干净、复用性更强，支持覆盖和条件 fallback，并可结合 Hook 动态响应全局状态。
柯里化在组件属性默认值注入中，本质是把“配置”和“渲染”两件事分开：先定规则，再套组件。不是一次性塞满所有 props，而是分层固化一部分默认值，让组件接收时更干净、复用性更强。
用柯里化预设 defaultProps
比如一个按钮组件需要经常带固定样式或行为，但又不想每次手动传重复 props：
- 写一个基础 Button 组件，不硬编码默认值，只接收并透传 props
- 用柯里化函数封装一层：第一层收配置（如 size="large"、variant="primary"），第二层收组件本身
- 返回的新函数已绑定默认值，调用时只需传业务数据或少量覆盖项
典型写法：两层函数 + 属性合并
不依赖第三方库，纯手写即可：
const withDefaults = (defaults) => (Component) => {
return (props) => <Component {...defaults} {...props} />;
};
// 创建预设版按钮
const PrimaryLargeButton = withDefaults({ size: 'large', variant: 'primary' })(Button);
// 使用时只需补充业务属性，defaults 自动生效
<PrimaryLargeButton onClick={handleSubmit} label="提交" />
// 等价于 <Button size="large" variant="primary" onClick={...} label="提交" />
支持覆盖与动态 fallback
默认值不是强制覆盖，而是“底层兜底”，允许上层 props 优先级更高：
立即学习“Java免费学习笔记（深入）”；
- 用 {...defaults} {...props} 保证 props 覆盖 defaults
- 若需条件 fallback（比如只在 props 没传时才用默认），可加简单判断：
const withSmartDefaults = (defaults) => (Component) => (props) => {
const finalProps = { ...defaults, ...props };
// 例如：仅当没传 color 时才补默认色
if (props.color === undefined) {
finalProps.color = defaults.color || 'blue';
}
return <Component {...finalProps} />;
};
结合 React Hook 或上下文更进一步
如果默认值来自全局状态（如主题、用户权限），柯里化仍可配合 useXXX 获取：
- 第一层仍收配置 key（如 themeKey），不直接取值
- 第二层返回的组件内部用 hook 动态读取，保持响应式
- 这样既保留柯里化的声明式结构，又不失灵活性
