4.1 écoute des événements et utilisation des gestionnaires d'événements

Très bien on va se retrouver dans le dépense item et dedans on va également ajouter un bouton en dessous de cette div juste avant de fermer la carte comme ceci et on va marquer change titre et si on va ici Ça nous met le change titre derrière le prix et ce qu'on va faire on va rajouter dans bouton ond click on va mettre les parenthèses et après les parenthèses on va mettre comme au dernier coup. une fonction flêcher et ensuite aprés les crochets on va mettre console.log entre parenthèses clicked

et normalement ça doit être bon ça c'est une des premières options que vous pouvez faire avec le bouton et la deuxième vous pouvez utiliser on va garder le One Click pour enlever tout ça et dedans on va marqué clickHandler ceci est un événement là vous voyez qu'il n'est pas reconnu car en haut du return on va ajouter un const clickHandler est égal Entre parenthèses on met une fonction fléchés crochet et on met console.log entre parenthèses clicked et si on regarde bien ce n'est plus souligner

du coup c'est ainsi que nous pouvons ajouter des écouteurs d'événements à nos éléments et à tous et HTML intégrer il s'agit d'une fonction qui n'est pas appelé ailleurs dans notre code il s'agit d'une fonction que nous attachons à un écouteur d'événement pour qu'elle soit finalement appeler par react lorsque l'événement ce produit c'est pourquoi je nomme mes fonctions des gestionnaires d'événements comme ceux-ci en terminant par Handler. Mais encore une fois c'est juste ma préférence vous le voyez dans quelques projets voudrais peut-être envisager de le faire mais ce n'est pas obligatoire maintenant avec cela nous savons comment nous pouvons réagir aux événements comment pouvons-nous changer maintenant qu'est-ce qui appartient écran cependant on verra ça dans le prochain cours.