Mein Elternelement hat 2 Kinder, das zweite Kind kann in das erste Kind gezogen werden.Wie bekomme ich die Position eines anderen Elements in ReactJS?
Wenn es richtig gezogen wird (in das erste Kind), wird ein Rückruf ausgelöst.
Wie kann ich wissen, ob der Ziehvorgang an der richtigen Stelle beendet wurde?
Ich verwende react-draggable.
Ich habe etwas Ähnliches gemacht (ich denke, wenn ich deine Frage richtig verstehe), du versuchst es zu tun. Sie onStop oder onDrag Methode von react-draggable verwenden können und die Daten, die Sie den DraggableEventHandler Parameter verwenden möchten, erhalten,
OR (mit ReactDOM direkt)
Sie ReactDOM.findDOMNode(this.refs.someRef).getBoundingClientRect() verwenden können. someRef sollte die ref zu Ihrer gezogenen Komponente sein. Sobald Sie Ihre top/left/right/bottom Werte gesucht haben, können Sie überprüfen, ob sie in Ihrer anderen Komponente (die Position, die Sie in einer ähnlichen Art und Weise zu someRef bekommen) sind innerhalb der onStop oder onDrag Methode von react-draggable.
Lesen Sie über getBoundingClientRect()here.
Es gibt wahrscheinlich mehr Möglichkeiten zu tun, was Sie versuchen, aber die zweite Methode, die ich schrieb, funktionierte für mich.
behalten Sie etwas Code, was Sie vorher versuchten –