有没有办法在 React 中为装饰器创建组合函数？

我正在开发一个完整的 Web 应用程序，其中包含一些使用多个装饰器 (HOC) 的组件。

我想知道是否有一种方法可以通过一次调用使用多个装饰器。

像这样的东西：

export default compose(
  [
    withFunctionality,
    withProvider
  ]
)(MyComponent)

对应的代码应该是：

export default withProvider(
  withFunctionality(
    MyComponent
  )
)

以下代码是我尝试过的：

function compose(hocs) {
  return (Component) => hocs.reduce(
    (component, hoc) => hoc(component),
    Component
  )
}

但是，当这样做时，我的某些组件不再起作用。

知道出了什么问题吗？

仍可获取更多信息。