javascript - e.target.classList 在 react typescript 中的 onClick 事件中不存在

Question

我的问题是 e.target 在执行 click 的事件处理程序时没有 classList 属性。这是我的代码:

import React from 'react'

interface props{
    imageUrl: string,
    setSelectdImage : (value: React.SetStateAction<string>) => void

}

const Modal:React.FC<props> = ({imageUrl,setSelectdImage}) => {
    return (
        <div className='fixed top-0 left-0 w-full h-full bg-halfTransparent' onClick={ (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
            if(e.target.classList){  // here is issue
                setSelectdImage('')
            }
        }}>
            <img className="block max-w-4xl max-h-6 mt-24 mx-auto shadow-md" src={imageUrl} alt="large image"/>
            
        </div>
    )
}

export default Modal

谢谢

Answer 1

在 Typescript 3.2.4 中，您可以通过这种方式检索 classList:

(e.target as Element).classList