Next.js · Senior · Frage 67 von 75
Wie wendet man ein gespeichertes Theme oder ein lokales Datum vor dem ersten Zeichnen an, ohne Hydration-Fehler oder Flackern?
- 1Ein kleines Inline-Skript, das beim Parsen des HTML läuft
- 2Die Komponente nur auf dem Client rendern, mit
ssr: false - 3
localStoragein einemuseEffectbeim Mounten lesen
Antwort zeigen
Richtige Antwort: Ein kleines Inline-Skript, das beim Parsen des HTML läuft
Erklärung
Der Server kennt die Vorlieben des Clients nicht. useEffect verursacht Flackern, und das Rendern von Client-Werten während der Hydration einen Mismatch; ein Inline-Skript läuft vor dem Zeichnen.