Reactjs useDrop:hover（道具、监视器、组件）挂钩上未定义组件参数

我正在尝试对useDrop:hover（）内部的位置进行一些计算，但无法继续，因为悬停时未定义组件属性。以下是我对useDrop钩子的实现：

const [{ isOver, canDrop }, drop] = useDrop({
    accept: getAcceptType(schema),
    drop: addComponentOnDrop(schema),
    collect: monitor => ({
      isOver: monitor.isOver({ shallow: true }),
      canDrop: monitor.canDrop(),
    }),
    hover(props, monitor,component) {
      console.log(component);
      debugger
      if (!monitor.canDrop()) {
        return;
      }
    },
  });

---

悬停将仅返回悬停（项目，监视器）{//reference@PrakashKarena您在某种程度上是对的。但我在几个地方看到人们在计算悬停中的位置。请遵循以下链接：如果我错了，请纠正我，或者这种方法存在一些问题。您到底想用鼠标悬停做什么？？在鼠标悬停中使用鼠标悬停：鼠标悬停（）方法我想检查悬停元素的位置，无论它是在放置目标的上方还是下方。您可以参考此示例来帮助您实现目标