Все квизы
SSR, формы и JSX
Проведи ревью компонентов React: убери обращение к браузерному API на сервере, сделай начальную разметку детерминированной, верни управление полю формы и не потеряй элементы при рендеринге списка.
Код-ревью
Код выполняется при SSR в среде без window. Сервер уже прочитал тему dark из cookie. Компонент должен отрендерить <p>dark</p>, но падает до создания HTML. Как исправить границу между сервером и браузером?
import { renderToStaticMarkup } from "react-dom/server";
function ThemeLabel() {
const theme = window.localStorage.getItem("theme") ?? "light";
return <p>{theme}</p>;
}
console.log(renderToStaticMarkup(<ThemeLabel />));