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

Question

我正在尝试构建一个事件侦听器回调，以检测从何处调用它，类似于：

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')

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

标签： reactjstypescriptdomdom-events

Answer 1

我通过直接转换event.target为修复了这个错误HTMLElement

所以在你的情况下：

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