React's mouseEvent 没有 offsetX/offsetY

Question

我尝试获得点击相对于元素的位置，但事件没有offsetX.

onClick(e) {
  console.log(e.offsetX) // returns undefined
  console.log(e.target.offsetX) // returns undefined
}
render() {
  return <img src='http://placehold.it/1000x500' onClick={this.onClick} />
}

如何获取点击在元素中的位置?

Answer 1

哦，我明白了。我从e.nativeEvent.offsetX得到它。这是正确的方法吗?

Answer 2

我发现event . nativeevent . offsetx导致我的组件闪烁很多问题，有点奇怪，我还没有完全调试它，但我切换到使用

反应。create for React。在父容器上使用useRef，然后使用event。clientX - ref.current.getBoundingClientRect()。离开了，发现这个更适合我