开发者社区> 问答> 正文

#React 什么是ReactDOMServer?

#React 什么是ReactDOMServer?

展开
收起
因为相信,所以看见。 2020-05-07 17:32:26 935 0
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
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载