1.先安装react-draggable
npm i react-draggable
2.利用Draggable包裹要拖拽内容
<div className='box'>
{this.state.list.map((item, index) => (
<Draggable bounds={{ left: 0,top:0 }}>
<div className='box1' key={index}>
<img src={item.pic} className='boximg'></img>
<p>{item.txt}</p>
<div className='shan'>X</div>
</div>
</Draggable>
))}
</div>
3.设置拖拽的区域
利用bounds属性,如上面代码