javascript / beginner
Snippet
Der useEffect Hook (Mounting)
Der useEffect-Hook ermöglicht es dir, Seiteneffekte in funktionalen Komponenten auszuführen. Wenn ein leeres Dependency-Array ([]) übergeben wird, wird der Code genau einmal nach dem ersten Rendern ausgeführt, ähnlich wie 'componentDidMount' in Klassenkomponenten.
snippet.js
1
2
3
4
5
6
7
8
9
import { useEffect } from 'react';function MyComponent() {useEffect(() => {console.log('Component mounted!');}, []);return <div>Hello World</div>;}
react
Erklärung
1
useEffect(() => { ... }, []);
Definiert die Effekt-Funktion und ein leeres Abhängigkeits-Array, damit sie nur einmal ausgeführt wird.
2
console.log('Component mounted!');
Die Logik in diesem Block wird ausgeführt, nachdem die Komponente zum DOM hinzugefügt wurde.