Reactjs 如何将dragula可拖动元素移动到react dragula中的另一个div？

我对德拉古拉图书馆有意见

我可以创建一列可拖动的项，但每列中的项不能与其他列交换，它们只能在其列中拖动，因此如何使它们可在其他列中拖动？（提前支付） 这是我的代码，用于可拖动项的a列

import React, {Component} from 'react';
import ProjectWidget from './ProjectWidget';
import Dragula from 'react-dragula';

class ProjectCol extends Component{
    render(){

        var dragulaDecorator = (componentBackingInstance) => {
          if (componentBackingInstance) {
            let options = { };
            Dragula([componentBackingInstance], options);
          }
        };

        return(
            <div>
            <div className="scrum_column_heading">To Do</div>
            <div className="scrum_column">
                <div id="scrum_column_todo" ref={dragulaDecorator} className="dragula dragula-vertical">

                    <ProjectWidget />

                </div>
            </div>
            </div>
        );
    }
}

export default ProjectCol;

import React，{Component}来自'React'；
从“./ProjectWidget”导入ProjectWidget；
从“react Dragula”导入Dragula；
类ProjectCol扩展组件{
render（）{
变量DragularDecorator=（组件BackingInstance）=>{
if（组件备份状态）{
让选项={}；
Dragula（[componentBackingInstance]，选项）；
}
};
返回(
做
);
}
}
导出默认项目COL；

下面是一起查看多个列的代码

import React, {Component} from 'react';
import ProjectCol from './ProjectCol';


class ProjectList extends Component{

    render(){
        return (
            <div class="scrum_board_overflow">
            <div id="scrum_board" class="uk-clearfix">
                <ProjectCol />
                <ProjectCol />
                <ProjectCol />
            </div>
            </div>
        );
    }
}

export default ProjectList;

import React，{Component}来自'React'；
从“/ProjectCol”导入ProjectCol；
类ProjectList扩展组件{
render（）{
返回(
);
}
}
导出默认项目列表；

在ProjectList上只使用一个Drake对象，并将ProjectCol的所有DOM元素作为容器推送到使用过的Drake中