ドラッグドラッグ可能な要素を反応ドラッグツールの別のdivに移動するにはどうすればいいですか？

Question

私はドラッグ可能な項目が、各列内の項目の列を作成することができます反応-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要素。