Reactjs React Dragula库实现拖放

我正在为我的项目实现简单的拖放库。根据示例代码，我知道每个元素都应该是容器中的div，但我的代码中没有任何解决方案来实现这一点

这是密码-

import React, {Component, PropTypes} from 'react';
import ReactDOM from 'react-dom';

import dragula from 'react-dragula';

class NavBar extends Component {
componentDidMount () {
var container = ReactDOM.findDOMNode(this);
console.log("dcdscscsccscd", container)
console.log("NavBar.........................................")
dragula([container]);
}
 render () {
  return(
  <div className="container">
    <nav className="navbar navbar-static-top">
      <div className="navbar-custom-menu">
        <ul className="nav navbar-nav">

             <li> <a href="#" className="dropdown-toggle" data-     toggle="dropdown"> <i className="fa fa-search" aria-hidden="true"></i>   Rate Search </a> </li>

              <li> <a href="#" className="dropdown-toggle" data-toggle="dropdown"> <i className="fa fa-bar-chart" aria-hidden="true"></i> Negotiation Worksheet </a> </li>
            </ul>
             <ul className="nav navbar-nav pull-right">

              <li> <a href="#" className="dropdown-toggle" data-toggle="dropdown"> <i className="fa fa-search" aria-hidden="true"></i> </a> </li>

              <li> <a href="#" className="dropdown-toggle" data-toggle="dropdown"> <i className="fa fa-bell" aria-hidden="true"></i> <span className="label label-warning">2</span> </a> </li>
              <li className="dropdown user user-menu dropdown" > <a href="#" className="dropdown-toggle" data-toggle="dropdown"> <i className="fa fa-user" aria-hidden="true"></i> </a>
              <ul className="dropdown-menu user-info" role="menu" aria-labelledby="menu1">
                <li className="user-header"> Jack Johnson </li>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Preferences</a></li>
                <li><a href="#">Logout</a></li>
              </ul>
          </li>
        </ul>
      </div>
    </nav>
  </div> 
)}
}



 export default NavBar;

import React，{Component，PropTypes}来自'React'；
从“react dom”导入react dom；
从“react dragula”导入dragula；
类导航栏扩展组件{
组件安装（）{
var container=ReactDOM.findDOMNode（this）；
log（“dcdscscd”，容器）
控制台日志（“导航栏”）
德拉古拉（[集装箱]）；
}
渲染（）{
返回(









杰克·约翰逊






)}
}
导出默认导航栏；

请让我知道我做错了什么。 提前谢谢你的帮助