Next.js · Senior · Pytanie 67 z 75
Jak zastosować zapisany motyw lub datę w lokalnym formacie przed pierwszym malowaniem, bez błędu hydratacji i migotania?
- ✓Poprawna odpowiedź: Małym skryptem inline w HTML, który czyta stan klienta i synchronicznie zmienia DOM podczas parsowania
- 2Czytać
localStoragewuseEffect - 3Renderować komponent tylko po stronie klienta przez
ssr: false
Wyjaśnienie
Serwer nie zna preferencji klienta. useEffect powoduje migotanie, a renderowanie wartości klienta podczas hydratacji - niezgodność; skrypt inline wykonuje się przed malowaniem.