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

【问题标题】：TS2339: Property 'closest' does not exist on type 'EventTarget'. - How do I get native event.target in React?TS2339：“EventTarget”类型上不存在“最近”属性。 - 如何在 React 中获取原生 event.target？
【发布时间】：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')

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

【问题讨论】：

你解决过这个问题吗？我也有同样的问题？
不幸的是，没有，最终铸造了上面提到的类型。如果你弄清楚了，请告诉我:)
我也刚刚结束了类型转换。

标签： reactjs typescript dom dom-events

【解决方案1】：

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

所以在你的情况下：

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

【讨论】：