React · Senior · Pytanie 6 z 75
Jaki kod w renderze typowo powoduje błąd hydratacji?
- ✓Poprawna odpowiedź:
new Date().toLocaleTimeString()lub gałąźtypeof window !== 'undefined' - 2
useStatez wartością początkową z propsów przekazanych z serwera - 3Wywołanie
useMemoz pustą tablicą zależności w komponencie klienckim
Wyjaśnienie
Serwer i klient muszą wyrenderować ten sam HTML. Czas, liczby losowe, sprawdzanie window, localStorage i lokalizacja przeglądarki dają różne wyniki. Wartości tylko klienckie pokazuj po zamontowaniu (efekt lub useSyncExternalStore z getServerSnapshot). Dla nieuniknionych różnic w tekście (znacznik czasu) jest suppressHydrationWarning.