javascript / intermediate
Snippet
Verwaltung des asynchronen Lebenszyklus mit AbortController
AbortController ermöglicht es Ihnen, Netzwerkanfragen abzubrechen, wenn eine Komponente entladen wird, wodurch Memory Leaks und unnötige Status-Updates an entladenen Komponenten verhindert werden.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
useEffect(() => {const controller = new AbortController();fetch('/api/data', { signal: controller.signal }).then(r => r.json()).catch(e => {if (e.name === 'AbortError') return;console.error(e);});return () => controller.abort();}, []);
react
Erklärung
1
return () => controller.abort();
Die Cleanup-Funktion löst das Abort-Signal aus und bricht die laufende Fetch-Anfrage effektiv ab.