Wie man ein ziehbares Dragula-Element zu einem anderen Div in der Reaktions-Dragula bewegt?

Question

Ich bin ein Problem mit mit dem Reaktion-Dragula Bibliothek https://github.com/bevacqua/react-dragula

i eine Spalte von ziehbar Elementen erstellen kann, aber die Elemente in jeder Spalte sind mit anderen Spalten nicht wechselbar, können sie nur in ihren Spalten gezogen werden, also wie kann ich sie in andere Spalten ziehbar machen? (Danke im Voraus) hier ist mein Code für die eine Spalte von ziehbar Artikel

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; 

und hier ist der Code für die Anzeige mehrerer Spalten zusammen

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

Verwenden Sie nur ein Drake Objekt auf der Project und schieben alle DOM-Elemente für das ProjectCol als Container im verwendeten Drake.