Доступ к позиции мыши по идентификатору деления в reactjs

Question

Как я могу получить доступ к позиции мыши при щелчке других событий в функции, в которую передается другое событие?

Например, в представленной ниже функции я хочу получить доступ к координатам мыши относительно базового контейнера. Как мне этого добиться?

drop(event) {
  event.preventDefault();
  var data = document.getElementById(event.dataTransfer.getData("Text"));
  event.target.appendChild(data);
  data.style.position="absolute";
  data.style.left = (event.pageX - data.clientWidth / 2) + "px";
  data.style.top = ( event.pageY- data.clientHeight / 2) + "px";
  console.log(event.target.getBoundingClientRect())
  console.log(event)
}