Zarządzanie stanem · Junior · Pytanie 73 z 75
Jak komponent może zapamiętać ustawienie w localStorage między wizytami?
const [theme, setTheme] = useState(() => localStorage.getItem("theme") ?? "light");
useEffect(() => localStorage.setItem("theme", theme), [theme]);- ✓Poprawna odpowiedź: Odczytać je w leniwym inicjalizatorze i zapisywać z powrotem w efekcie przy zmianie
- 2Czytać
localStorageprzy każdym renderze - 3
useStatezapisuje dolocalStorageautomatycznie
Wyjaśnienie
W aplikacjach SSR na serwerze nie ma localStorage, więc czytaj je po zamontowaniu (lub przez useSyncExternalStore), by uniknąć hydration mismatch.