【Under-the-hood-ReactJS-Part13】源码解读

接上文,

React流程图:
https://bogdan-lyashenko.gith…

接收组件(更准确的说,是接收新元素)

通过ReactReconciler.receiveComponent方法,React实际会调用ReactDOMComponent的
receiveComponent方法,这个方法会接收传递进来的render方法返回的新元素,然后将他肤质给DOM组件的实例,然后调用更新方法。updateComponent方法实际会操作两件事:在前一个props和下一个props的基础上,更新DOM属性和更新DOM的子元素。 对于更新DOM属性,我们在之前已经分析了_updateDOMProperties(srcrenderersdomsharedReactDOMComponent.js#946),如果还有印象,它就是用来处理HTML元素的属性,样式,事件监听器等等。下一步,我们就分析下遗留的_updateDOMChildren方法(srcrenderersdomsharedReactDOMComponent.js#1076)
(未完待续)

    原文作者:剡山
    原文地址: https://segmentfault.com/a/1190000015492319
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞