javascript / intermediate
Snippet
Funktionale Updates für veralteten Status
Die Übergabe einer Funktion an den State-Setter stellt sicher, dass Sie mit dem aktuellsten Statuswert arbeiten und Fehler bei asynchronen Updates vermeiden.
snippet.js
1
2
3
4
5
6
7
8
9
10
const [count, setCount] = useState(0);const incrementTwice = () => {// Bad: Uses stale 'count' value twice// setCount(count + 1); setCount(count + 1);// Good: Uses function to access most recent statesetCount(prev => prev + 1);setCount(prev => prev + 1);};
nextjs
Erklärung
1
setCount(prev => prev + 1);
Das Argument 'prev' repräsentiert den neuesten Status, selbst wenn mehrere Updates in der Warteschlange stehen.