react中有一颗current当前dom树,初始化时没有,在完成一次组件更新后,会把当前workInProgress树赋值给current树,current会在commit阶段替换成真实的Dom树。
workInProgress树,更新后会赋值给current树。
workInProgress有一个memoizedState属性,在渲染时以链表的 形式存放hooks信息。
workInProgress上的expirationTime过期时间属性来确定更新优先级。
renderWithHooks执行函数作用是调用function组件函数的主要函数
1、置空workInProgress上的memoizedState和updateQueue
2、把新的hooks信息挂载到这两个属性上。
3、commit阶段,workInProgress赋值给current树(diff算法?),替换真实的DOM元素节点。并在current树保存hooks信息。
在组件初始化时会调用mountWorkInProgressHook这个函数。
1、首先会执行一个hooks函数,产生一个hook对象(存放hook信息)。
2、将hooks用链表串联起来赋值给workInProgress上的memoizedState。
为什么不能在条件语句中声明hooks
1、在条件语句中声明hooks
2、在函数组件更新时,链表结构会发生破坏
3、current树上的memoizedState缓存hooks信息,和当前workInProgress不一致,读取时就会发生异常