react-dom
2022-04-27 10:09:23 6 举报
react揭秘-render
作者其他创作
大纲/内容
currentFiberRoot(当前虚拟Dom的根节点)
更新逻辑通过判断currentFiberRoot来判断是初始化还是更新使用深度搜索来递归虚拟树到最低点后查询有没有右侧节点。有就对右侧节点进行递归然后类似与洋葱模型,操作完时候向上到完成阶段。虚拟树构建完成之后将currentFiberRoot替换为ProcessFiberRoot如果渲染时间不够,currentFiberRoot就不更换在递归阶段会有effect。react会把effect构建成effect链。在commit的before mutation阶段,便利effectList执行操作
sibling
function App() { return ( show <span>time</span> )}
return
child
current
time
show
ProcessFiberRoot
span
RootFiberNode(绑定到root的节点)
App
alternate
div
0 条评论
下一页