如果按照递归这个逻辑的话每次都会调用inst.render()，但是class内部的render方法是一开始就写好了的，每次都渲染同一个return值吗？比如：

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

为什么需要递归调用mountComponent，不是在一开始就已经调用class内部的render进行全部渲染了吗？是不是像下面那样进行一个个createElement进行渲染的，比如先是div，第二次递归是span进行render，谢谢

React.createElement(
        'div',    // type,标签名,原生DOM对象为String
        null,
        React.createElement('span', null, '123'),   // children，子元素
        React.createElement('span', null, '12345'),
)

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

// 如果不是stateless，即无状态组件，则调用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;
    // 调用render方法，得到ReactElement。JSX经过babel转译后其实就是createElement()方法。这一点在前面也讲解过
    var renderedComponent = inst.render();
    return renderedComponent;
},

this._renderedComponent = this._instantiateReactComponent(renderedElement);

// 递归渲染，渲染子组件
var markup = ReactReconciler.mountComponent(this._renderedComponent, transaction, nativeParent, nativeContainerInfo, this._processChildContext(context));

原文链接