【Under-the-hood-ReactJS-Part13】原始碼解讀

越山發表於2018-07-05

接上文,

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)
(未完待續)

相關文章