, 如className、title等, 然后递归对比其子节点.对于 style 属性, React会继续深入对比, 仅更新有改变的属性, 如color、fontSize等.同一类型的组件当组件的props...key(如随机数), 因为每次渲染都会发生改变, 从而导致列表项被不必要地重建.2.2 递归的Diffing在1.2节中的虚拟DOM对象中可以得知: 虚拟DOM树的每个节点通过 children 属性构成了一个嵌套的树结构....3.1 Fiber节点一个Fiber节点就是一个JS对象, 其中的关键属性可分类列举如下:结构信息(构成链表的指针属性)return: 父节点child: 第一个子节点sibling: 右侧第一个兄弟节点..., 整体构成一个单向链表结构,其调度方式就是 深度优先遍历 :以wipFiber树的Root节点作为第一个执行单元;若当前执行单元存在child节点, 则将child节点作为下一个执行单元;重复2, 直至当前执行单元无...并获取 children对于HostComponent和ClassComponent, 根据Fiber中的相关属性, 创建DOM节点并赋给 Fiber.stateNode 属性;对于FunctionComponent