← Назад
Объект ReactDOMServer позволяет отрендерить компоненты в статическую разметку. В основном, он используется на Node-сервере.
ES-модули
import ReactDOMServer from 'react-dom/server';
CommonJS
var ReactDOMServer = require('react-dom/server');
Методы:
Следующие методы зависят от пакета stream, поэтому доступны только на сервере и не будут работать в браузере.
ReactDOMServer.renderToString(element)
Рендерит React-элемент в исходный HTML и возвращает его в виде строки. Вы можете использовать этот метод, чтобы сгенерировать HTML на сервере и отправить разметку в ответ на запрос, ускоряя загрузку страницы и позволяя поисковым движкам обработать ваши страницы для SEO.
ReactDOMServer.renderToStaticMarkup(element)
Похож на метод renderToString, но не создаёт дополнительных DOM-атрибутов, таких, как data-reactroot
, используемых
внутри React. Этот метод полезен, когда вы хотите использовать React для генерации простой статической страницы, где
отсутствие дополнительных атрибутов может сохранить несколько байтов.
ReactDOMServer.renderToNodeStream(element)
Рендерит React-элемент в исходный HTML. Возвращает поток для чтения, который выводит HTML-строку. HTML из потока
идентичен тому, что возвращает ReactDOMServer.renderToString
. Вы можете использовать этот метод, чтобы сгенерировать
HTML на сервере и отправить разметку в ответ на запрос, ускоряя загрузку страницы и позволяя поисковым движкам
обработать ваши страницы для SEO.
ReactDOMServer.renderToStaticNodeStream(element)
Похож на метод renderToNodeStream, но не создаёт дополнительных DOM-атрибутов, таких, как data-reactroot
, используемых
внутри React. Метод полезен, когда вы хотите использовать React для генерации простой статической страницы, где
отсутствие дополнительных атрибутов может сохранить несколько байтов.
← Назад