React-dnd: 동일한 구성 요소에서 DragSource 및 DropTarget 사용하지만 DropTarget에서 응답 없음

이것을 더 많은 도움말 포럼으로 사용하게 되어 죄송합니다. 하지만 많은 노력에도 불구하고 이 사용 사례에서 DropTarget으로부터 어떤 응답도 받을 수 없습니다.

드롭 이벤트를 스스로 등록할 수 있는 일련의 '카테고리 카드'를 사용하고 싶습니다.

내가 여기에서 눈에 띄는 말썽을 피우고 있습니까?

DragSource 기능이 작동하는 것을 확인할 수 있지만 DropTarget 사양 기능에서 기록하는 어떤 것도 콘솔에 표시되지 않고 완전히 적용되지 않은 것과 같습니다.

import React, { Component } from 'react'
import { DropTarget, DragSource } from 'react-dnd'
import _ from 'lodash'

export const ItemTypes = {
    CATEGORY: 'category-item'
}

class CategoryTreeFork extends Component {

    componentWillReceiveProps = (nextProps) => {
        console.log("Next cat props", nextProps)
    }

    render(){
        var { thisCat, childCat, level, dropEvent } = this.props
        const { connectDragSource, connectDropTarget, isDragging, isOver } = this.props

        return connectDragSource(
            <div className="category-tree-fork">
                <div className={`category-list-item level-${level}`}
                    style={{
                        opacity: isDragging ? 0.5 : 1,
                        backgroundColor: isOver ? "red" : "silver"
                    }}>
                    {thisCat.name}
                </div>
            </div>
        )   
    }   
}

/* get dragged */
const sourceSpec = { 
    beginDrag(props){
        return { category_id: props.thisCat.category_id }
    }   
}

const sourceCollect  = (connect, monitor) => {
    return {
        connectDragSource: connect.dragSource(),
        isDragging: monitor.isDragging()
    }
}


/* get dragged onto */
const targetSpec  = {
    drop(props, monitor, component) {
        const item = monitor.getItem()
        console.log("me or my friend?", item)
    },
    hover(props, monitor, component){
        console.log("yo what you hoverin there for homie?")
    }
}

const targetCollect = (connect, monitor) => {
    return {
        connectDropTarget: connect.dropTarget(),
        isOver: monitor.isOver()
    }
}


export default _.flow([
    DragSource(ItemTypes.CATEGORY, sourceSpec, sourceCollect),
    DropTarget(ItemTypes.CATEGORY, targetSpec, targetCollect)
])(CategoryTreeFork)