0 Tage Serie
javascript / beginner
Snippet

Logik beim Laden ausführen mit useEffect

Der useEffect-Hook ermöglicht es dir, Seiteneffekte in funktionalen Komponenten auszuführen. Ein leeres Abhängigkeits-Array stellt sicher, dass der Effekt nur einmal ausgeführt wird, wenn die Komponente zum ersten Mal erscheint.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
import { useEffect } from 'react';
function WelcomeLogger() {
useEffect(() => {
console.log('Component has mounted!');
}, []);
return <h1>Check the console!</h1>;
}
react
Erklärung
1
useEffect(() => { ... }, [])
Das erste Argument ist die auszuführende Funktion. Das zweite Argument [] bedeutet, dass sie nur einmal nach dem ersten Rendern läuft.