JSX 代码经过 babel 编译之后变成 React.createElement 的表达式,这个表达式在 render 函数被调用的时候执行生成一个 element。

在首次渲染的时候,先去按照规则初始化 element,接着 ReactComponentComponentWrapper 通过递归,最终调用 ReactDOMComponent 的 mountComponent 方法来帮助生成真实 DOM 节点。

地址一: React 从渲染原理到性能优化(一)

地址二: React 从渲染原理到性能优化(二)– 更新渲染