Hooks如何与memoizedState关联

 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不一致,读取时就会发生异常

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值