Что такое ReactDOMServer? в REACT




114
Что такое ReactDOMServer? в REACT
Рейтинг 10 из 10. Голосов: 1287
Ваша оценка:

ReactDOMServer
Объект позволяет оказывать компоненты в статическую разметку (обычно используется на сервере узла). Этот объект в основном используется для рендеринга на стороне сервера (SSR). Следующие методы можно использовать как в среде сервера, так и в браузере:

  1. renderToString()
  2. renderToStaticMarkup()

Например, вы обычно запускаете веб-сервер на основе Node, такой как Express, Hapi или Koa, и вызываете 

renderToString
для отображения корневого компонента в строку, которую затем отправляете в качестве ответа.

// using Express
import { renderToString } from 'react-dom/server'
import MyPage from './MyPage'

app.get('/', (req, res) => {
  res.write('<!DOCTYPE html><html><head><title>My Page</title></head><body>')
  res.write('<div id="content">')
  res.write(renderToString(<MyPage/>))
  res.write('</div></body></html>')
  res.end()
})

Вопросы и ответы


Оставить комментарий

ответить