当前位置: 首页 > news >正文

说一下react更新的流程

beginWork

使用v-dom和current fiber去生成子节点的workInProgress Fiber

        期间会执行函数组件、类组件、diff子节点

        给我需要变更的节点,打赏effectTag

                增placement 2         0010

                删deletion 8         1000

                改 update 4         0100

                增和改 placementAndUpdate 6         0110

completeWork

向上走

把我所有有effectTag的元素,串联成一个effectList

构建真实的DOM,但是不挂载在界面上

commitWork

commitBeforeMutationEffect

commitMutationEffects

        处理effectList

        更新界面

workInProgress Fiber 会切换成 currentFiber

commitLayoutEffects

        执行useLayoutEffect,cdm,cdu

相关文章:

  • TCP/IP模型(互联网协议模型)
  • 大模型相关问题解答
  • 系统优化双引擎:正负反馈如何驱动系统进化?
  • 用远程代理模式轻松实现远程服务调用,打开编程新大门
  • 第十九节:编码实操题-手写简易响应式系统
  • 《Masked Autoencoders Are Scalable Vision Learners》---CV版的BERT
  • 信号完整性简介第一篇
  • 数据可视化大屏——物流大数据服务平台
  • 正常流布局
  • 武装Burp Suite工具:APIKit插件_接口安全扫描.
  • 高级词汇(托福/雅思少见)
  • KBEngine 源代码分析(二):协议注册和处理
  • 明远智睿SSD2351开发板:开启工业控制新征程
  • 如何设置端口映射?内网IP映射到外网访问,附无公网ip端口映射工具方法
  • tensor 的计算操作
  • AUTOSAR图解==>AUTOSAR_RS_InteractionWithBehavioralModels
  • Kafka 配置参数性能调优建议
  • 第十四届蓝桥杯Scratch03月stema选拔赛——九九乘法表
  • vite项目tailwindcss4的使用
  • WebGIS开发之地形土方开挖回填分析
  • 超燃!走过莫斯科街头的“中国排面”
  • 上海明后天将迎强风大雨,陆地最大阵风7~9级
  • 中邮保险斥资8.69亿元举牌东航物流,持股比例达5%
  • 计划招录2577人,“国考”补录8日开始报名
  • 李云泽:将加快出台与房地产发展新模式相适配的系列融资制度
  • 郭旭涛转任河北省科协党组书记、常务副主席,曾任团省委书记