构建拖放组件＆＃34;递归＆＃34;使用React并反应dnd

Question

我尝试使用react dnd并希望让它在递归构建的组件上工作。 但是我被困住了，并且拖动仅仅附加到最后一个子组件，使所有其他组件成为draggable:"false"。下面是一个类似于我确切需要的代码示例 -

@DragSource(Types.ASSET, assetSource, (connect, monitor) => ({
    connectDragSource: connect.dragSource()
}))
class DragItem extends React.Component {
    render() {
        const { connectDragSource, name, children } = this.props;
        return connectDragSource(
            { name }
    {
                children == undefined  ?
                    " : (
    {
                children.map(function (name) {
                    return ();
                })
            }
        )
    }
    );
}