如何获得ReactJS中另一个元素的位置？

Question

我的父元素有2个孩子，第二个孩子可以被拖入第一个孩子。

如果它被正确拖动（进入第一个孩子），将触发回调。

我怎么知道拖拽是否在正确的位置结束？

我正在使用反应可拖动。

Answer 1

我做了类似的事情（我想，如果我理解你的问题，你正在尝试做的事情）。 您可以使用onDrag的{​​{1}}或react-draggable方法，并使用DraggableEventHandler参数获取所需数据

OR （直接使用ReactDOM）

您可以使用ReactDOM.findDOMNode(this.refs.someRef).getBoundingClientRect()。 someRef应该是拖动组件的ref。获得所需的top / left / right / bottom值后，您可以检查它们是否在您的其他组件中（您将以类似的方式获得哪个位置）在someRef的{​​{1}}或onStop方法内onDrag}。{/ p>

了解react-draggable here。

可能有更多方法可以做你想做的事情，但我写的第二种方法对我有效。