How can I use DragSource and Connect for a same component

Question

I have a react component. I want to use DragSource and Connect in the component.

export default connect(mapStateToProps, matchDispatchToProps)(ExpandableCard);
export default DragSource(Types.CARD, cardSource, collect)(ExpandableCard);

How can I accomodate both the lines for a single component i.e. ExpandableCard

score 2 · Answer 1 · answered Nov 16 '16 at 15:30

2

Connect "returns a new, connected component class, for you to use", so export default DragSource(Types.CARD, cardSource, collect)(connect(mapStateToProps, matchDispatchToProps)(ExpandableCard)); should do the trick?

answered Nov 16 '16 at 15:30

Pavel Staselun

1,970
1
12
24

What if I have to add this also export default DragDropContext(HTML5Backend)(ExpandableCard); – EdG Nov 16 '16 at 17:09
Then you should export these things separately and import accordingly. – Pavel Staselun Nov 17 '16 at 10:15

How can I use DragSource and Connect for a same component

1 Answers1