你如何结合＆reded＆＃39;包装＆＃39;撰写＆＃39;

Question

我有一个redux包装器，我用它来处理next.js应用程序。 如何将compose与这种类型的包装器结合起来？

export default withRedux(initStore, null, mapDispatchToProps)(App)

和

export default compose(
    connect(mapStateToProps, mapDispatchToProps),
    DropTarget(NativeTypes.FILE, dustbinTarget, (connect, monitor) => ({
        connectDropTarget: connect.dropTarget(),
        isOver: monitor.isOver(),
        canDrop: monitor.canDrop(),
    }))
)(DustBin);

Answer 1

如果你的包装符合标准HOC约定（即返回一个丰富的组合组件的函数），你所要做的就是：

export default compose(
    withRedux(initStore, null, mapDispatchToProps),
    DropTarget(NativeTypes.FILE, dustbinTarget, (connect, monitor) => ({
        connectDropTarget: connect.dropTarget(),
        isOver: monitor.isOver(),
        canDrop: monitor.canDrop(),
    }))
)(DustBin);