Specify type for file upload event in react typescript

Question

I don't quite understand how event typing works, I'd like to specify a type here, but cannot quite figure out how to do it. I cannot seem to find a type reference for this specific case.

private handleChange (event /*:FileUplaodEvent or something */): void {
    this.setState ({
      csv: event.target.files[0],
    });
}

Any help would be appreciated...

edit: As answer by Mukesh Soni stated I used React.FormEvent<HTMLInputElement>, but for whatever reason the interface for files is a bit different for this type, it is actually: event.currentTarget.files rather than event.target.files.

Answer 1

The accepted answer didn't work for me.

If you want to access e.target.files or e.currentTarget.files You should use React.ChangeEvent<HTMLInputElement> as the event type .

Example:

const handleChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
    if (!e.target.files) {
      return;
    }

    // handle the input...
    console.log(e.target.files);
}


<Input type='file' onChange={handleChange}/>