如果按照遞歸這個(gè)邏輯的話每次都會調(diào)用inst.render()，但是class內(nèi)部的render方法是一開始就寫好了的，每次都渲染同一個(gè)return值嗎？比如：

class Demo extends React.Component {
    constructor(...args) {
        super(...args);
    }
    render() {
        return <div>
            <span>123</span>
            <span>12345</span>
        </div>
    }
}  

為什么需要遞歸調(diào)用mountComponent，不是在一開始就已經(jīng)調(diào)用class內(nèi)部的render進(jìn)行全部渲染了嗎？是不是像下面那樣進(jìn)行一個(gè)個(gè)createElement進(jìn)行渲染的，比如先是div，第二次遞歸是span進(jìn)行render，謝謝

React.createElement(
        'div',    // type,標(biāo)簽名,原生DOM對象為String
        null,
        React.createElement('span', null, '123'),   // children，子元素
        React.createElement('span', null, '12345'),
)

下面是部分源碼，react版本是15.6.0，git reset --hard 911603b：

// 如果不是stateless，即無狀態(tài)組件，則調(diào)用render，返回ReactElement
if (renderedElement === undefined) {
  renderedElement = this._renderValidatedComponent();
}

_renderValidatedComponent: function () {
    var renderedComponent;
    ReactCurrentOwner.current = this;
    try {
      renderedComponent = this._renderValidatedComponentWithoutOwnerOrContext();
    } finally {
      ReactCurrentOwner.current = null;
    }
    return renderedComponent;
},

_renderValidatedComponentWithoutOwnerOrContext: function () {
    var inst = this._instance;
    // 調(diào)用render方法，得到ReactElement。JSX經(jīng)過babel轉(zhuǎn)譯后其實(shí)就是createElement()方法。這一點(diǎn)在前面也講解過
    var renderedComponent = inst.render();
    return renderedComponent;
},

this._renderedComponent = this._instantiateReactComponent(renderedElement);

// 遞歸渲染，渲染子組件
var markup = ReactReconciler.mountComponent(this._renderedComponent, transaction, nativeParent, nativeContainerInfo, this._processChildContext(context));

原文鏈接