react-dom/server能够使将组建渲染为静态标记,通常使用与Node服务端做服务端渲染上。
import ReactDOMServer from 'react-dom/server';
renderToString()
该方法在服务器上使用,用于将React元素渲染到初始HTML中。如果在已经有服务器渲染标记的节点上使用ReactDOM.hydrate()
,React将保留它,并且只附加时间处理程序,使得第一次加载速度大大提升。
ReactDOMServer.renderToString(element)
renderToStaticMarkup()
和renderToString()
方法类似,但是不会创建额外的DOM属性。如果只是用React作为一个简单的静态页面生成器,使用这个方法可以节省一些字节,使性能更加提升一步。但是如果要使标记具有交互性,就乖乖使用renderToString()
吧。
ReactDOMServer.renderToStaticMarkup(element)
renderToNodeStream()和renderToStaticNodeStream()
这两个方法上上面两个其实效果是一样的,将React元素渲染到最初HTML中,返回一个可读的流(stream),即输出HTML字符串,该字符串和上面两个方法返回的内容一致。
ReactDOMServer.renderToNodeStream(element)
ReactDOMServer.renderToStaticNodeStream(element)
这两个方法只适用于服务端,在浏览器中不可用。
网友评论