3.3 React Only Updates What's Necessary React只会进行必要的更新

React DOM compares the element and its children to the previous one,

React DOM将元素及其子元素与前一个元素进行比较,

and only applies the DOM updates necessary to bring the DOM to the desired state.

并且仅对状态为需要更新的DOM进行DOM更新。

You can verify by inspecting the last example with the browser tools:

你可以通过浏览器工具对最后一个事例进行验证检验:

图片发自简书App

Even though we create an element describing the whole UI tree on every tick, only the text node whose contents has changed gets updated by React DOM.

即使我们不断的创建一个元素描述整个UI,但是也只有文本节点的内容的改动被React DOM更新了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容