React · Senior · Запитання 6 з 75
Який код у рендері типово спричиняє помилку гідратації?
- ✓Правильна відповідь:
new Date().toLocaleTimeString()або гілкаtypeof window !== 'undefined' - 2
useStateз початковим значенням із props, переданих із сервера - 3Виклик
useMemoз порожнім масивом залежностей у клієнтському компоненті
Пояснення
Сервер і клієнт мають відрендерити однаковий HTML. Час, випадкові числа, перевірка window, localStorage, локаль браузера дають різні результати. Клієнтські значення показують після монтування (ефект або useSyncExternalStore з getServerSnapshot). Для неминучих відмінностей у тексті (мітка часу) є suppressHydrationWarning.