CATALOGUE Code & Data Apprendre Svelte 3 et SvelteKit 1.0 Utilisation des Custom Events en Svelte

Utilisation des Custom Events en Svelte

Passer des données d'un enfant au parent avec des Custom Events
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Svelte 3 et SvelteKit 1.0
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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

Découvrez comment un enfant peut transmettre des données à un parent en utilisant des Custom Events en Svelte.

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

Voir plus
Questions réponses
Quelle fonction est utilisée pour créer des Custom Events en Svelte?
La fonction utilisée est createEventDispatcher depuis le module Svelte.
Comment un composant parent intercepte-t-il un Custom Event?
Le composant parent intercepte un Custom Event en ajoutant un gestionnaire d'événements avec la syntaxe on:eventName dans le composant enfant indiqué en HTML.
Quelle est l'objectif de l'expression lambda dans le gestionnaire d'événements?
L'expression lambda permet d'exécuter des fonctions directement dans l'attribut de gestion d'événements, rendant le code plus concis.

Programme détaillé