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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...