Fiber对象

72 阅读1分钟

fiber.jpg

  • type:节点的类型,用于区分元素、文本、组件
  • stateNode:节点Dom对象或者组件实例,里面保存了state,state已经放进去了,所以这里没有state属性
  • tag:标记
  • effects:存储包含自身和所有后代的Fiber数组diff的核心1
  • effectTag标记当前节点需要进行的操作,包含插入、更新、移除等(diff的核心2
  • parent:父Fiber对象,在React源码中叫Return
  • child:当前Fiber对象的第一个子Fiber
  • sibling:当前Fiber对象的下一级兄弟节点
  • alternate:Fiber对象备份,用于diff比较