我的父元素有2个孩子,第二个孩子可以被拖入第一个孩子。
如果它被正确拖动(进入第一个孩子),将触发回调。
我怎么知道拖拽是否在正确的位置结束?
我正在使用反应可拖动。
答案 0 :(得分: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。
可能有更多方法可以做你想做的事情,但我写的第二种方法对我有效。