react render渲染过程

 ReactDOM.render 会把我们创建的react组件转换成真实的dom元素

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

转换成真实的dom元素后会通过createElement方法来编译

 ReactElement(
    type,
    key,
    ref,
    self,
    source,
    ReactCurrentOwner.current,
    props,
  )

ReactDom.render

创建出了react对象然后通过render(element, container, callback)转换

legacyRenderSubtreeIntoContainer( null, element, container, false, callback, )

legacyRenderSubtreeIntoContainer

获取root用的

getPublicRootInstance

返回getPublicRootInstance
return getPublicRootInstance(root)

创建root后在创建fiber tree创建好后，调用root.render