Exemple pratique de transmission d'événements
Objectifs
Les objectifs de cette vidéo sont :
- Expliquer comment transmettre des custom events à travers les composants.
- Démontrer l'utilisation de la fonction CreateEventDispatcher dans Svelte.
- Illustrer un exemple pratique d'application des événements personnalisés.
Résumé
Découvrez comment transmettre des événements personnalisés entre plusieurs composants Svelte avec un exemple détaillé.
Description
Dans ce tutoriel, nous allons illustrer comment un composant peut transmettre un custom event à son parent sans y apporter de modifications, en jouant simplement le rôle d'intermédiaire. Nous utiliserons trois composants principaux : App, Intermédiaire et Emetteur.
Le composant Emetteur déclenchera un événement personnalisé lorsqu'un utilisateur cliquera sur une case à cocher. Cet événement sera ensuite capté par le composant Intermédiaire qui le retransmettra sans le modifier au composant App. Enfin, le composant App traitera cet événement pour afficher l’état de la case à cocher.
Ce processus nous permettra de mieux comprendre la maniabilité et la flexibilité des événements personnalisés dans les applications structurant plusieurs composants.