目前,一旦将元素放到dropTarget内,就可以通过以下方式将架构传递给方法(addComponentOnDrop)来获取dropTartget:
const [{ isOver,canDrop },drop] = useDrop({
accept: getacceptType(schema),drop:addComponentOnDrop(schema,position),collect: monitor => ({
isOver: monitor.isOver(),canDrop: monitor.canDrop(),}),hover(props,monitor) {
if (!canDrop) {
return;
}
const { y } = monitor.getclientOffset();
const { top,height } = ref.current.getBoundingClientRect();
if (y < top + height / 2) {
if(position!=="above"){
setPosition("above");
}
} else {
if(position!=="below"){
setPosition("below");
}
}
},});
作为dropTarget包含多个项目。因此,我想在悬停时检查dropTarget的哪个子项被删除。