React学习之高级ReactDOMServer(二十五)

前端之家收集整理的这篇文章主要介绍了React学习之高级ReactDOMServer(二十五)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.概述

ReactDOMServer可以让你的组件运行在服务器

renderToString() renderToStaticMarkup()

2.实现

renderToString()

ReactDOMServer.renderToString(element)

这个函数用于将一个React组件渲染成一个HTML,在服务器端中,React会将组件处理成一个HTML字符串,然后再浏览器端进行渲染。

renderToStaticMarkup()

ReactDOMServer.renderToStaticMarkup(element)

renderToString很类似,但是不会产生额外的DOM属性,比如data-reactid,如果你只会简单的显示一个页面的话,可以使用此方法来减少数据。

此章的这些函数后续会一一实践到。

下一篇将讲React中的DOM元素

猜你在找的React相关文章