将组件放置在单击另一个组件的位置

Question

我在我的应用程序中使用react-pdf显示PDF页面。我有一个名为“添加标记”的按钮，单击该按钮后，应该可以在我单击的位置的PDF页面上添加标记（小圆圈组件）。

我对应该如何解决这个问题感到困惑。我特别想知道什么是获取pdf点击的x和y坐标的最佳方法。我希望标记始终与pdf相同。