如何将一个德拉古拉可拖动元素移动到反应德拉古拉中的另一个 div

Question

我在使用 React-dragula 库 https://github.com/bevacqua/react-dragula 时遇到了问题

我可以创建一列可拖动项目，

但每列中的项目不能与其他列互换，它们只能在其列内拖动，那么如何使它们可拖动到其他列中？(提前感谢(这是我的可拖动项列的代码

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

Answer 1

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