Passer des données d'un enfant à un parent
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre l'utilisation de createEventDispatcher
- Apprendre à émettre et intercepter des Custom Events
- Mettre en place une communication entre un composant enfant et un composant parent
Résumé
Découvrez comment un enfant peut transmettre des données à un parent en utilisant des Custom Events en Svelte.
Description
Dans cette leçon, nous allons explorer la méthode des Custom Events en Svelte pour permettre à un composant enfant de communiquer avec son parent. Après avoir récapitulé comment passer des données par des props du parent à l'enfant, nous introduirons un cas pratique impliquant deux composants: App.Svelte
et Enfant.Svelte
. Nous démontrerons comment, à l'aide de la fonction createEventDispatcher
de Svelte, un composant enfant peut émettre des événements personnalisés
Nous mettrons en pratique cette théorie en créant des boutons dans le composant enfant qui, une fois cliqués, enverront des événements
Questions fréquentes
createEventDispatcher
depuis le module Svelte.
on:eventName
dans le composant enfant indiqué en HTML.