Gestion de l'événement onChange en TypeScript : comment obtenir event.target.value
Bonjour ! Je suis débutant en TypeScript et j'essaie de comprendre la gestion des événements dans React. J'ai un simple input et je veux récupérer sa valeur à chaque changement. Mais TypeScript se plaint du type de l'événement.
Voici mon code :
```tsx
const handleChange = (e) => {
console.log(e.target.value);
};
return ;
```
TypeScript génère une erreur : `Parameter 'e' implicitly has an 'any' type`. J'ai essayé d'ajouter le type `React.ChangeEvent`, mais ça ne fonctionne toujours pas :
```tsx
const handleChange = (e: React.ChangeEvent) => {
console.log(e.target.value);
};
```
Maintenant l'erreur est : `Property 'value' does not exist on type 'EventTarget'`. J'ai cherché sur Google, mais les conseils sont variés. Certains parlent de `React.ChangeEvent`, d'autres suggèrent d'utiliser `(e.target as HTMLInputElement).value`. Pouvez-vous m'indiquer comment typer correctement l'événement onChange en TypeScript pour React ? J'aimerais comprendre non seulement "comment" mais aussi "pourquoi" il faut le faire ainsi. Merci d'avance !
No answers yet.
Connectez-vous pour laisser une réponse
Blogs