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);