Fiber含义：
    1、架构
    2、静态数据结构（每个fiber节点对应一个组件，保存该组件对应的类型，dom节点等信息，这时的fiber节点可以说是虚拟dom）
    image.png
    3、动态工作单元

    3. // 组件Instance
    4. tag  // component Type
    5. key
    6. elementType // 大部分情况下elementType和type相同
    7. type        // function Component使用memo包裹时elementType 和type不同
    8. stateNode   // 对于hostComponent来说，对应真实dom节点
    10. // Fiber架构字段
    11. return
    12. child
    13. sibling
    14. index
    16. ref
    19. // ----------动态工作单元属性start----------
    20. pendingProps
    21. memoizedProps
    22. updateQueue
    23. momeizedState
    24. dependencies
    26. mode
    28. // Effects
    29. effectTag
    30. subtreeTag
    31. deletions
    32. nextEffect
    34. firstEffect
    35. lastEffect
    37. // 优先级调度有关
    38. lanes
    39. childLanes
    41. // 
    42. alternate
    45. // ----------动态工作单元属性end----------
    46. // host component的副作用包括增删查改
    47. // 对于function component 副作用包括useEffect、useLayoutEffect钩子

    递阶段：current Fiber tree 和 更新产生的ReactElement 对比 生成 workInProgress Fiber tree

    归阶段：diff出effects