react拖拽实现

下载插件

yarn add react-draggable

拖拽的具体实现

<div className='yd' ,style={{height:'500px'}}>
<Draggable bounds='.yd' handle='.tuo' >
  <div >
    <div className='tuo' style={{ height: '20px', width: '40px' }}></div>
    可不可以拖拽区域
  </div>

</Draggable>
</div>

拖拽属性

bounds 可以移动的区域
handle 可以拖拽的区域