javascript / intermediate
Snippet
Sichere State-Logik mit funktionalen Updates
Wenn ein State-Update vom vorherigen State abhängt, sollte eine Funktion an den Setter übergeben werden. Dies stellt sicher, dass immer mit dem aktuellsten Wert gearbeitet wird und verhindert Fehler durch veraltete Closures in asynchronem Code.
snippet.js
1
2
3
4
const increment = () => {setCount(prev => prev + 1);setCount(prev => prev + 1);};
react
Erklärung
1
setCount(prev => prev + 1);
Verwendet den vorherigen State-Wert 'prev', um den neuen State sicher zu berechnen.
2
setCount(prev => prev + 1);
Selbst wenn zweimal hintereinander aufgerufen, erhält jeder Aufruf den korrekt aktualisierten Wert des vorherigen Schritts.