开发者社区 问答 正文

#React 什么是ReactDOMServer?

#React 什么是ReactDOMServer?

展开
收起
因为相信,所以看见。 2020-05-07 17:32:26 972 分享 版权
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    该ReactDOMServer对象使您可以将组件呈现为静态标记(通常在节点服务器上使用)。该对象主要用于服务器端渲染(SSR)。在服务器和浏览器环境中都可以使用以下方法:

    renderToString() renderToStaticMarkup() 例如,通常运行诸如Express,Hapi或Koa之类的基于节点的Web服务器,然后调用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()
    })
    
    2020-05-07 17:33:06
    赞同 展开评论
问答分类:
问答标签:
问答地址: