如何使用compose函数( redux/ramda/recompose/etc)？

Question

我知道像foo(bar( baz) )这样的东西可以重写为compose(foo，bar，baz)。然而，现实生活中的例子呢？例如，我可能有：

export default {
loadData,
component: connect(mapStateToProps, {
    actionCreator1,
    actionCreator2
})(requireAuth(showToggle({ChildComponent: aComponentOfMine, anotherField: `becauseStringsAreCool`})))

是否可以使用compose重构组件值？

Answer 1

示例中的component值可以重写为使用compose，如下所示：

const buildComponent = compose(
  connect(mapStateToProps, {
    actionCreator1,
    actionCreator2
  }),
  requireAuth,
  showToggle
)

export default {
  loadData,
  component: buildComponent({
    ChildComponent: aComponentOfMine,
    anotherField: `becauseStringsAreCool`
  })
}