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和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...