这个Star的拖拽库有点意思，一起来学习

);}exportdefaultApp;2.2.2现在useDrag函数知道了整个操作空间，接下来要做的知道从哪里开始拖放，该库提供了useDraghookAPI，可以让一个DOM元素实现拖放效果。参数(1)spec：规范对象或创建规范对象的函数。其详细说明如下：1)type必须是string或Symbol，drop只有和thisvalue有相同的值才能放置；2)itemmust，用于描述拖动的数据3)previewOptionsoptional，一个简单的对象，用于描述拖动预览选项；4)options可选，一个简单的对象5)end(item,monitor)可选，当拖动停止时，调用该函数；6)canDrag(monitor)是可选的，用它来指定当前是否允许拖动；7)isDragging(monitor)可选，默认情况下，只有启动拖动操作的拖动源才被视为拖动；8）collect是可选的，监听函数的返回值是一个数组。数组的内容是：collected：包含从collect函数收集的属性的对象。如果collect没有定义函数，则返回一个空对象；drag：拖动器的连接器函数，必须附加到DOM的可拖动部分；dragPreview：拖动预览的连接器函数，可以附加到DOM的预览部分；与拖动部分建立连接，通过ref属性将drag或dragPreview绑定到拖动源。下面看一下useDrag部分的使用来自collect的collected属性，如果collect没有定义函数，则返回一个空对象*drag:拖动器的连接器函数，必须附加到DOM的可拖动部分*dragPreview:拖动预览的连接器函数，whichcanbeattachedTothepreviewpartoftheDOM*/const[collected,drag,dragPreview]=useDrag({//只有drop并且可以放这个值type:'box',//描述要拖动的数据item:{detail:'我是可以拖动的数据!!!'},//拖动手端结束会调用end:(item,monitor)=>{//getDropResult()得到结果afterreleaseconsole.log('monitor.getDropResult():',monitor.getDropResult());//是否在targetconsole.log('monitor.didDrop()',monitor.didDrop());},//指定是否呃目前是允许Dragging的，默认canDrag:monitor=>{returntrue;},//监控函数collect:(monitor,props)=>{return{isDragging:monitor.isDragging()};}});return({children}