javascript / beginner
Snippet
Der onMount-Lifecycle-Hook
Die onMount-Funktion plant einen Rückruf (Callback), der ausgeführt wird, sobald die Komponente im DOM gerendert wurde. Dies ist der bevorzugte Ort, um Daten abzurufen oder mit externen Bibliotheken zu interagieren, die ein DOM-Element benötigen.
snippet.js
1
2
3
4
5
6
7
8
import { onMount } from 'svelte';let photos = [];onMount(async () => {const res = await fetch('https://api.example.com/photos');photos = await res.json();});
svelte
Erklärung
1
import { onMount } from 'svelte';
Importiert den Lifecycle-Hook aus dem Svelte-Kernpaket.
2
onMount(async () => { ... });
Definiert den Code, der ausgeführt wird, nachdem die Komponente zum ersten Mal geladen wurde.