javascript - e.target.classList finns inte på onClick-händelsen i react typescript

Mitt problem är att e.target inte har egenskapen classList när händelsehanteraren för click körs. Här är min kod:

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

tack

Svar #1

från Typescript 3.2.4 kan du hämta classList på detta sätt:

(e.target as Element).classList

Relaterade artiklar