5. Technikwissen – Kurz erklärt

5.15. useCallback

useCallback() – Funktionen bei Änderungen neu erzeugen

Der React-Hook useCallback() sorgt dafür, dass eine Funktion nur dann neu erstellt wird, wenn sich eine ihrer Abhängigkeiten verändert. Das ist wichtig, wenn Sie die Funktion in einem useEffect verwenden oder an Komponenten weitergeben möchten, ohne dass unnötige Aktualisierungen passieren.


const startMessung = useCallback(() => {
  setStatus('measuring');
  // ... weitere Logik ...
}, [status]);

Tipp: useCallback ist besonders nützlich, wenn Sie Funktionen an useEffect oder andere Hooks übergeben müssen und dabei keine unnötigen Wiederholungen auslösen möchten.

Herausgeber: Land Baden-Württemberg, vertreten durch das Zentrum für Schulqualität und Lehrerbildung (ZSL), Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-0, poststelle@zsl.kv.bwl.de
Verantwortlich im Sinne des Presserechts: ZSL, Irmgard Mühlhuber, Ref. 24 "Digitalisierung, Medienbildung", Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-240, digitalebildung@zsl.kv.bwl.de
Kontakt zum/r behördlichen Datenschutzbeauftragte/n: datenschutz@zsl.kv.bwl.de