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

React 16中的hydrate()和render()有什么区别?

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

React 16中的hydrate()和render()有什么区别?

从ReactDOMServer文档(重点是我的):

如果您调用

ReactDOM.hydrate()
已经具有此服务器渲染标记的节点, React将保留它并仅附加事件处理程序
,从而使您具有非常出色的首次加载体验。

粗体文本是主要区别。

render
如果初始DOM与当前DOM之间存在差异,则可能会更改您的节点。
hydrate
将仅附加事件处理程序。

从作为单独的API

引入

hydrate
的Github问题开始:

如果这是您的初始DOM:

<div id="container">    <div >Loading...</div></div>

然后致电:

ReactDOM.render(   <div >      <span>App</span>   </div>,   document.getElementById('container'))

打算只进行客户端渲染(不进行水合作用)。然后你以

<div id="container">   <div >       <span>App</span>   </div></div>

因为我们不修补属性。

仅供参考,他们未修补属性的原因是

…这在正常的水合作用模式下进行水合作用真的很慢,并且减慢了初始渲染到非SSR树中的速度。



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

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

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