Next.js · Senior · Запитання 67 з 75
Як застосувати збережену тему чи дату в локальному форматі до першого відмальовування, без помилки гідратації й блимання?
- ✓Правильна відповідь: Невеликим inline-скриптом у HTML, що читає клієнтський стан і синхронно змінює DOM під час парсингу
- 2Читати
localStorageвuseEffect - 3Рендерити компонент лише на клієнті через
ssr: false
Пояснення
Сервер не знає вподобань клієнта. useEffect дає блимання, а рендер клієнтських значень під час гідратації - розбіжність; inline-скрипт виконується до відмальовування.