Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取ReactJS中另一个元素的位置？_Javascript_Reactjs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何获取ReactJS中另一个元素的位置？

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

javascript reactjs

Javascript 如何获取ReactJS中另一个元素的位置？,javascript,reactjs,Javascript,Reactjs,我的父元素有两个子元素，第二个子元素可以拖入第一个子元素 如果正确地将其拖动到第一个子对象中，将触发回调 我如何知道拖动是否在正确的位置结束 我使用的是react-Dragable。我做了一些类似于您试图做的事情（如果我正确理解您的问题的话）。 您可以使用react draggable的onStop或onDrag方法，并使用DraggableEventHandler参数获取所需的数据 或（直接使用ReactDOM） 您可以使用ReactDOM.findDOMNode（this.refs.some

我的父元素有两个子元素，第二个子元素可以拖入第一个子元素

如果正确地将其拖动到第一个子对象中，将触发回调

我如何知道拖动是否在正确的位置结束

我使用的是react-Dragable。

我做了一些类似于您试图做的事情（如果我正确理解您的问题的话）。 您可以使用
react draggable
的
onStop
或
onDrag
方法，并使用
DraggableEventHandler
参数获取所需的数据

或（直接使用
ReactDOM
）

您可以使用
ReactDOM.findDOMNode（this.refs.someRef）.getBoundingClientRect（）
。 
someRef
应该是拖动组件的
ref
。一旦你有了你想要的
top
/
left
/
right
/
bottom
值，你就可以检查它们是否在
react draggable
的
顶上的
或
onDrag
方法中的其他组件（你将以类似于
someRef
的方式得到的位置）内

阅读关于
getBoundingClientRect（）


可能有更多的方法来完成您正在尝试的工作，但我编写的第二种方法对我很有效。
保留一些您以前尝试过的代码