ReactDOMServer

如果您使用React作为脚本标签,则这些顶级API可在ReactDOMServer全局中使用。 如果您使用import ReactDOMServer from 'react-dom/server' 如果您使用带有npmES5,可以编写var ReactDOMServer = require('react-dom/server')

概述

ReactDOMServer类可以让您在服务器上渲染组件。

  • enderToString()
  • renderToStaticMarkup()

参考

renderToString()

ReactDOMServer.renderToString(element)

将React元素渲染到其初始HTML。 这只能在服务器上使用。 React将返回一个HTML字符串。 您可以使用此方法在服务器上生成HTML,并在初始请求上发送标记,以加快页面加载速度,并允许搜索引擎抓取您的页面以进行SEO。

如果您在已经具有此服务器渲染标记的节点上调用ReactDOM.render(),则React将保留它,并仅附加事件处理程序,从而使您具有非常优秀的首次加载体验。

renderToStaticMarkup()

ReactDOMServer.renderToStaticMarkup(element)

类似于renderToString,这除了不会创建额外的DOM属性,如React在内部使用的data-reactid。 如果要使用React作为简单的静态页面生成器,这很有用,因为其剥离掉额外的属性,可以节省大量字节。

有疑问、勘误、请您在下方留言,感谢您的支持 ღ( ´・ᴗ・` )!

感谢您阅读,这篇文章归 极客点子版权所有.
如果转载,请注明出处: 极客点子版权所有(/page/600.html) 知识共享许可协议
本网站使用 创作共用 归属 - 非商业用途 - 共享4.0国际许可协议的相同方式 许可.
加载更多>> 文章推荐:

关于作者:

    简介:

    系统架构师 、作家、
    研究方向:数据分析、 深度学习、 服务器架构、 系统原理