DropTargetデコレータをES6に翻訳

Question

私はreact-dndの例を調べています。私が以前に使ったことのない何かが、ES6構文を使ってHOC関数に小道具を渡すことです。

@DropTarget(props => props.accepts, boxTarget, (connect, monitor) => ({ 
    connectDropTarget: connect.dropTarget(), 
    isOver: monitor.isOver(), 
    canDrop: monitor.canDrop(), 
})) 
export default class TargetBox extends Component { 
    ... 
} 

これはどのようにES6構文を使用して実装できますか？私はこのような引数として渡すと、未定義の小道具が得られます。

decoratorだとこれに翻訳します

export default DropTarget(props.accepts, boxTarget, collect)(TargetBox); 

Answer 1

：

export default DropTarget(props => props.accepts, boxTarget, (connect, monitor) => ({ 
    connectDropTarget: connect.dropTarget(), 
    isOver: monitor.isOver(), 
    canDrop: monitor.canDrop(), 
}))(TargetBox);