search

lkdghzh / blog

Docs are available at
https://unarjs.org
2 stars 2 forks source link

react源码分析 #26

Open lkdghzh opened 3 years ago

lkdghzh commented 3 years ago

image image image image image

lkdghzh commented 3 years ago

render

updateContainer

container === FiberRootNode === root

root [statNode]----------> root root [current]----------> fiberNode

fiberNode[statNode]---> root fiberNode[current]----> workInProgress(FiberNode增加了) == createWorkInProgress()

workInProgress[alternate]--> fiberNode workInProgress[stateNode]-->root

workInProgressRoot变量 开始workLoopSync var workInProgress = null; workInProgress已经赋值 function workLoopSync() { while (workInProgress !== null) { performUnitOfWork(workInProgress); } }