javascript - 如何组合高阶组件？

Question

我怎样才能干净利落地组合高阶组件？目前我有这样的东西，必须有一种更简洁的方式来组合和组成 HOC

const appWithWidth = withWidth()(App);

const appWithReduxAndWidth = connect(mapStateToProps, mapDispatchToProps)(appWithWidth);

const appWithRouterAndCookiesAndReduxAndWidth = withRouter(withCookies(appWithReduxAndWidth));

export default appWithRouterAndCookiesAndReduxAndWidth;

Answer 1

是的，recompose 是一个很棒的库。

例如，使用compose :

export default compose(
    withWidth(all_the_cookie_width), 
    withCookies, 
    withMilk, 
    withHoldTheSprinkles
)(App);