React学习之高级ReactDOMServer(二十五)
来源:互联网 发布:cnc编程培训学校 编辑:程序博客网 时间:2024/05/22 13:01
1.概述
ReactDOMServer
可以让你的组件运行在服务器
renderToString()renderToStaticMarkup()
2.实现
renderToString()
ReactDOMServer.renderToString(element)
这个函数用于将一个React
组件渲染成一个HTML
,在服务器端中,React
会将组件处理成一个HTML
字符串,然后再浏览器端进行渲染。
renderToStaticMarkup()
ReactDOMServer.renderToStaticMarkup(element)
和renderToString
很类似,但是不会产生额外的DOM
属性,比如data-reactid
,如果你只会简单的显示一个页面的话,可以使用此方法来减少数据。
此章的这些函数后续会一一实践到。
下一篇将讲
React
中的DOM
元素
1 0
- React学习之高级ReactDOMServer(二十五)
- React学习之高级组件巴巴(二十三)
- React学习之高级ReactDOM(二十四)
- React学习之高级DOM元素属性(二十六)
- React学习之高级事件系统(二十七)
- React学习之进阶性能优化(十五)
- React、ReactDOM、ReactDOMServer相关API
- Esper学习之十五:Pattern(二)
- React学习之高级顶配API说明(二十二)
- react学习之redux(二)
- react学习之路(二)
- React 相关方法(API)介绍-ReactDom、ReactDOMServer、子节点
- Spring学习(二十五)Spring AOP之增强介绍
- linux学习之旅(二十五)& shell脚本基础
- 学习笔记(二十五)
- React 学习 (二)
- zookeeper学习之二(高级特性)
- javaee学习之路(二十五)javascript
- 5-54 Pop Sequence
- css3大总结-面使用
- windows的磁盘操作之六——获取系统所在物理磁盘号
- redis面试总结
- Spring @Resource @Autowired @Component常用注解
- React学习之高级ReactDOMServer(二十五)
- NSString 和 const char *互转
- Hello World · GitHub 指南
- css3 box-sizing属性
- iBET Live Casinos Rebate 0.75% Bonus
- XShell鼠标选中, 实现快捷复制和粘贴
- windows的磁盘操作之七——获取当前所有的物理磁盘号
- poi导出excel
- 算法-03 贪心和分治