ReactDOMServer

如果您使用React作为脚本标签，则这些顶级API可在ReactDOMServer全局中使用。 如果您使用import ReactDOMServer from 'react-dom/server' 如果您使用带有npm的ES5，可以编写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作为简单的静态页面生成器，这很有用，因为其剥离掉额外的属性，可以节省大量字节。