Hey. Bjr / Bsr Grafikart. Tout d'abrd : *Bonne année 2024* . Ensuite, il y a un détail qui me turlupine : c'est à propos de l'input type text qui a une valeur initiale à undefined. Pourquoi React râle du fait que le champ passe de non contrôlé à contrôlé alors qu'il y a de 1) l'attribut value et de 2) il y a le handler d'évènement onChange ? D'ailleurs, pourquoi React ne considère pas tout simplement que le champ soit déjà contrôlé vu qu'il y a déjà onChange et value ?
React considère null & undefined comme une absence de valeur, dans les 2 cas le champs sera non contrôlé. onChange peut être sur un champs contrôlé comme non contrôlé donc n'impact pas le controle. Si tu veux qu'il soit toujours contrôlé je conseille de s'assurer que le champs ne soit jamais null ou undefined, l'opérateur ?? peut aider (value={value ?? ''})
Ne pourrait-on pas tout simplement utiliser l'événement 'input' du champ texte pour pouvoir lire la valeur à chaque fois qu'il est modifié ? addEventListener('input',(e)=>{firstName=e.target.value}
super interessant !
Vraiment geniaux tes exemples !
Super tutos très cher Jonathan!
Merci c'est génial !
Merci c'est top !!
Hey. Bjr / Bsr Grafikart. Tout d'abrd : *Bonne année 2024* .
Ensuite, il y a un détail qui me turlupine : c'est à propos de l'input type text qui a une valeur initiale à undefined. Pourquoi React râle du fait que le champ passe de non contrôlé à contrôlé alors qu'il y a de 1) l'attribut value et de 2) il y a le handler d'évènement onChange ?
D'ailleurs, pourquoi React ne considère pas tout simplement que le champ soit déjà contrôlé vu qu'il y a déjà onChange et value ?
React considère null & undefined comme une absence de valeur, dans les 2 cas le champs sera non contrôlé.
onChange peut être sur un champs contrôlé comme non contrôlé donc n'impact pas le controle.
Si tu veux qu'il soit toujours contrôlé je conseille de s'assurer que le champs ne soit jamais null ou undefined, l'opérateur ?? peut aider (value={value ?? ''})
Un crud comme TP serait bien !!!
Je suis étonné que ça ne soit pas aussi simple que les v-model avec Vue
Pile poil ce que j'ai pensé tout au long des tutoriels que j'ai suivi.
Y'a pas à dire, Vue c'est le top surtout la version 3. React est le précurseur.
J’ai utilisé Vue des années, mtn je ne prie que par React…
@@Aecy mais pourquoi ?
@@jeandarius8791 Car je le trouvais justement simple, et je voulais un peu plus de complexité de code
Ne pourrait-on pas tout simplement utiliser l'événement 'input' du champ texte pour pouvoir lire la valeur à chaque fois qu'il est modifié ?
addEventListener('input',(e)=>{firstName=e.target.value}