React
Введение в серверную визуализацию

Рендеринг компонентов

Существует два варианта рендеринга компонентов на сервере: renderToString и renderToStaticMarkup .

renderToString

Это сделает компоненты React для HTML на сервере. Эта функция будет также добавить data-react- свойство HTML элементов так Реагировать на клиенте не будет снова элементы визуализации.

import { renderToString } from "react-dom/server";
renderToString(<App />);

renderToStaticMarkup

Это позволит отображать компоненты React в HTML, но без свойств data-react- не рекомендуется использовать компоненты, которые будут отображаться на клиенте, потому что компоненты будут повторно выполняться.

import { renderToStaticMarkup } from "react-dom/server";
renderToStaticMarkup(<App />);