Types for values on events

[ersinakinci]

What is the feature you are proposing?

It would be nice to have event.target.value as a type that can be accessed.

[yusukebe]

Hi @ersinakinci

I recommend using a type guard to add a type to the target.

<div>
  <input
    onChange={(e) => {
      if (e.currentTarget instanceof HTMLInputElement) {
        e.currentTarget.value // ...
      }
    }}
  />
</div>

But, indeed, it will be inconvenient, and it has the proper type with React.

@usualoma What do you think about it? Do you think we should implement it?

[fzn0x]

In React we can do something like this @yusukebe :

import { ChangeEvent } from "react";

const validateField = (event: ChangeEvent<HTMLInputElement>) {
 console.log(event.target.value);
}

I think it's something good to implement because it was close to Dom.

[fzn0x]

As an alternative we can use type guard or type annotation:

import { ChangeEvent } from "react";

const validateField = (event: Event) {
 console.log((event.target as HTMLInputElement).value);
}