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

這樣做的正確方法是什么？

Answer 1

我通過直接將event.target為HTMLElement修復此錯誤

所以在你的情況下：

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

Answer 2

您可以通過斷言其構造函數使 Typescript 了解目標的類型：

if (event.target instanceof HTMLElement) {
  const container = event.target.closest('#container')
}