javascript / intermediate
Snippet
Speicherlecks verhindern durch Effect-Cleanup
Das Zurückgeben einer Funktion aus useEffect ermöglicht das Aufräumen von Subscriptions oder Event-Listenern, bevor die Komponente entfernt wird oder bevor der Effekt erneut ausgeführt wird.
snippet.js
javascript
1
2
3
4
5
6
7
8
useEffect(() => {const handleResize = () => console.log(window.innerWidth);window.addEventListener('resize', handleResize);return () => {window.removeEventListener('resize', handleResize);};}, []);
react
Erklärung
1
return () => { ... }
Dies ist die Cleanup-Funktion, die React ausführt, wenn die Komponente entfernt wird.