React TypeScript Input Paste Event

user_718003 0
Viewed 6183

I'm building a component and currently I'm watching for events on input and textarea with a typed event via InputEvent: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>

I'm having trouble determining which event type would be fired when pasting input into these elements. Would I be reduced to using any for this or do they have an event that would be relevant when pasting input?

typescript reactjs
2 Answers

I know it has been a while since you asked, but I ran into the same problem today. Fixed it with:

event: React.ClipboardEvent
user_67546030

Another way to handle the paste event: You can use onPaste event in input.

paste(e){
    // e.target.value: this is prev value before paste.
  }
...
<input type="text" onPaste={this.paste} />
user_113211800
Related