概述
- babel会将jsx转化为React.createElement的表达式
- React.createElement
render(){ return element }
在render函数调用时,生成一个element(虚拟节点) - 众多element组成虚拟dom
- ReactDOMComponent将众多element转化为真实节点
- 当数据发生改变时,render()函数会被再次调用,构造出新的虚拟dom,跟原来的虚拟dom用Diff算法进行比较,找到需要更新的地方批量改动,再补到真实的DOM上
最后
以上就是愤怒大侠为你收集整理的react渲染过程的全部内容,希望文章能够帮你解决react渲染过程所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复