我是靠谱客的博主 愤怒大侠,这篇文章主要介绍react渲染过程,现在分享给大家,希望可以做个参考。

  1. babel会将jsx转化为React.createElement的表达式
  2. React.createElement render(){ return element } 在render函数调用时,生成一个element(虚拟节点)
  3. 众多element组成虚拟dom
  4. ReactDOMComponent将众多element转化为真实节点
  5. 当数据发生改变时,render()函数会被再次调用,构造出新的虚拟dom,跟原来的虚拟dom用Diff算法进行比较,找到需要更新的地方批量改动,再补到真实的DOM上

最后

以上就是愤怒大侠最近收集整理的关于react渲染过程的全部内容,更多相关react渲染过程内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(136)

评论列表共有 0 条评论

立即
投稿
返回
顶部