TS2339：“EventTarget”类型上不存在“最近”属性。 - 如何在 React 中获取原生 event.target？

Posted 2023-02-21

【中文标题】TS2339：“EventTarget”类型上不存在“最近”属性。 - 如何在 React 中获取原生 event.target？

【英文标题】：TS2339: Property 'closest' does not exist on type 'EventTarget'. - How do I get native event.target in React?

【发布时间】：2020-05-11 12:08:56

【问题描述】：

我正在尝试构建一个事件侦听器回调来检测它从哪里被调用，类似于：

import  TouchEvent  from 'react'

const isInvokedFromInsideContainer = (event: TouchEvent<htmlElement>) => 
  parentContainer = event.target.closest('#container')
  console.log('isInvokedFromInsideContainer: ' + !!parentContainer)

但我明白了

TS2339：“EventTarget”类型上不存在“最近”属性

event.nativeEvent.target.closest 也不起作用event.currentTarget.closest 起作用，但我显然不希望这样

将目标转换为 HTMLElement 有效：

const target = (event.target as HTMLElement)
const parentContainer = target.closest('#container')

这样做的正确方法是什么？

【问题讨论】：

你解决过这个问题吗？我也有同样的问题？

不幸的是，没有，最终铸造了上面提到的类型。如果你弄清楚了，请告诉我:)

我也刚刚结束了类型转换。

【参考方案1】：

我通过直接将event.target 转换为HTMLElement 来修复此错误

所以在你的情况下：

...
  parentContainer = (event.target as HTMLElement).closest('#container')
...