State Management · Junior · Frage 73 von 75
Wie merkt sich eine Komponente eine Einstellung zwischen Besuchen in localStorage?
const [theme, setTheme] = useState(() => localStorage.getItem("theme") ?? "light");
useEffect(() => localStorage.setItem("theme", theme), [theme]);- 1In einem lazy Initializer lesen, in einem Effect schreiben
- 2
localStoragebei jedem Rendern direkt lesen - 3
useStatespeichert automatisch inlocalStorage
Antwort zeigen
Richtige Antwort: In einem lazy Initializer lesen, in einem Effect schreiben
Erklärung
In SSR-Apps gibt es localStorage auf dem Server nicht, lies es also nach dem Mounten (oder nutze useSyncExternalStore), um Hydration-Mismatches zu vermeiden.