链或组合多个“补丁”的好方法?

在React中,这是一种非常常见的模式,我们“修补”一个组件,它将接收自定义属性:

export default gimmeMahProps(someRandomSettings)(MyComponent);

示例:

// Redux
connect(stateMapper, dispatchMapper)(MyComponent);

// Material UI
withStyles(myStyles)(MyComponent);

当我们拥有越来越多的这些功能时,这可能会变得相当混乱:

// messy nested function calls with only two of those patchers
export default connect(stateMapper, dispatchMapper)(withStyles(myStyles)(MyComponent));

这就是我现在要做的,以避免嵌套函数调用的金字塔:

export default [
    connect(stateMapper, dispatchMapper),
    withStyles(myStyles)
].reduce((comp, patcher) => patcher(comp), MyComponent);  // kind of a hack

更具可读性,但我所寻找的是一种更简单的方式,链或结合在一起也许我遗漏了一些东西,但是React是否提供了实现这一点的API?