柯里化不是 React 内置机制，但天然支撑 HOC 参数分层设计：第一层接收配置（如权限、API 路径），第二层接收组件并返回增强组件，实现解耦、复用与易测。
柯里化本身不是 React 的内置机制，但它能天然支撑 HOC 的参数分层设计——把配置（如权限标识、API 路径、默认值）和组件逻辑解耦开，让 HOC 更灵活、可复用、易测试。
柯里化 HOC 的核心结构
本质是「函数返回函数」：第一层接收配置参数，第二层接收组件，最终返回增强组件。这种写法避免了每次调用都重复传配置，也便于组合与复用。
- 第一层函数专注“定制”，比如
withAuth({ role: 'admin' })或withLoading({ delay: 300 }) - 第二层函数专注“包装”，接收任意组件并返回新组件，不关心配置细节
- 返回的 HOC 仍是标准函数组件或类组件，完全兼容 React 渲染流程
带配置的属性代理型 HOC 示例
这是最常用、最安全的模式：通过 props 注入配置结果，不侵入原组件内部逻辑。
const withFeatureFlag = (flagConfig) => (WrappedComponent) => {
return function FeatureFlagWrapper(props) {
const { flagKey, fallback = null } = flagConfig;
const isEnabled = useFeature(flagKey); // 假设有个自定义 hook
if (!isEnabled) return fallback;
return <WrappedComponent {...props} featureEnabled={true} />;
};
};
// 使用时
const AdminPanel = withFeatureFlag({ flagKey: 'enable-admin-ui', fallback: <AccessDenied /> })(RawAdminPanel);
这里 withFeatureFlag 是柯里化函数：先定规则，再套组件。业务组件 RawAdminPanel 完全不知道开关逻辑，只接收 featureEnabled 这个明确语义的 prop。
支持多参数组合的柯里化工厂
当需要叠加多个配置维度（如环境 + 权限 + 缓存策略），柯里化比对象嵌套更清晰：
- 用箭头链式写法：
withData({ api: '/users' })(withAuth('editor'))(UserList) - 或统一收口为工厂函数：
createDataHOC({ api, method, cache })，返回一个已绑定配置的 HOC 函数 - 关键点：每个中间函数只处理一层关注点，不耦合其他逻辑
注意事项与避坑点
柯里化让 HOC 更优雅，但也容易引入隐性问题：
- 不要在柯里化闭包中保存共享状态（如缓存实例），否则多个组件实例会互相干扰
- HOC 返回的组件需设置
displayName，例如EnhancedComponent.displayName = `withAuth(${role})(${WrappedComponent.displayName})`，方便调试 - 若需透传 ref，必须配合
React.forwardRef，且柯里化结构中 ref 要穿透到最终渲染层 - 避免在 render 内调用柯里化 HOC（如
{withAuth(...)(Child)}），会导致每次渲染都新建组件类型，破坏 React diff 和 state 持久性
