Керування станом · Junior · Запитання 73 з 75
Як компоненту запам'ятати налаштування в localStorage між візитами?
const [theme, setTheme] = useState(() => localStorage.getItem("theme") ?? "light");
useEffect(() => localStorage.setItem("theme", theme), [theme]);- ✓Правильна відповідь: Прочитати його в лінивому ініціалізаторі й записувати назад в ефекті за зміни
- 2Читати
localStorageна кожному рендері - 3
useStateзберігає вlocalStorageавтоматично
Пояснення
У SSR-застосунках на сервері немає localStorage, тому читайте його після монтування (або через useSyncExternalStore), щоб уникнути hydration mismatch.