类型“EventTarget”上不存在属性“classList”

2023-04-27  本文已影响0人  很好就这样吧

报错代码

  const onConnectEnd = useCallback(
    (event: React.MouseEvent<HTMLDivElement, MouseEvent>  ) => {
      const targetIsPane = event.target.classList.contains('react-flow__pane')
    },
    [project],
  )

如图


方案

const onConnectEnd = useCallback(
    (event: React.MouseEvent<HTMLDivElement, MouseEvent>  ) => {
      const target  = event.target as HTMLDivElement  // 需要明确告诉TypeScript 目标HTMLElement的类型.
      const targetIsPane = target.classList.contains('react-flow__pane')
    },
    [project],
  )

这将让TypeScript知道元素是一个 div 并且它将知道classList属性.

上一篇 下一篇

猜你喜欢

热点阅读