栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

ReactJS服务器端渲染与客户端渲染

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

ReactJS服务器端渲染与客户端渲染

对于给定的网站/ Web应用程序,您可以在 客户端服务器端同时使用二者

客户端

在这里,您将在浏览器上完全运行ReactJS。这是最简单的设置,包括大多数示例(包括http://reactjs.org上的示例)。服务器渲染的初始HTML是一个占位符,并且所有脚本加载后,整个UI都会在浏览器中渲染。

服务器端

在这里将ReactJS视为服务器端的模板引擎(如玉器,车把等)。服务器呈现的HTML包含应有的UI,您无需等待任何脚本加载。您的页面可以由搜索引擎建立索引(如果一个页面不执行任何Javascript)。

由于UI是在服务器上呈现的,因此您的事件处理程序均无法正常工作,也没有交互性(您有一个静态页面)。

在这里,初始渲染在服务器上。因此,浏览器接收的HTML具有应有的UI。加载脚本后,将再次重新渲染虚拟DOM以设置组件的事件处理程序。

在这里,您需要确保

props
使用与在服务器上渲染时相同的虚拟DOM(根ReactJS组件)完全渲染。否则,ReactJS将抱怨服务器端和客户端虚拟DOM不匹配。

由于ReactJS在重新渲染之间扩散虚拟DOM,因此真实DOM不会发生突变。仅事件处理程序绑定到实际DOM元素。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436563.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号