javascript / beginner
Snippet
Daten an übergeordnete Komponenten via Event-Dispatcher übergeben
Die Funktion `createEventDispatcher` erstellt einen Event-Dispatcher, mit dem eine untergeordnete Komponente benutzerdefinierte Events mit Daten an die übergeordnete Komponente senden kann.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
<script>import { createEventDispatcher } from 'svelte';const dispatch = createEventDispatcher();function notifyParent() {dispatch('messageSent', { text: 'Hello from child!' });}</script><button on:click={notifyParent}>Send Message</button>
svelte
Erklärung
1
const dispatch = createEventDispatcher();
Instanziiert den Event-Dispatcher der Komponente.
2
dispatch('messageSent', { text: 'Hello from child!' });
Löst ein benutzerdefiniertes 'messageSent'-Event mit einem Payload-Objekt aus.
3
<button on:click={notifyParent}>Send Message</button>
Verknüpft eine Klick-Handler-Funktion, um die Dispatch-Logik auszulösen.