В настоящее время, как только я помещаю элемент внутрь dropTarget. Я получаю dropTartget, передавая схему методу (addComponentOnDrop) следующим образом:
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 отбрасывается.