React渲染组件过程

React渲染组件：

组合组件：
             ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201218092344555.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc5NDgwMw==,size_16,color_FFFFFF,t_70)
             
 //ReactDOM.render函数，传入<App/>组件作为参数
 
 //React调用<App/>组件,该组件将<Welcome/>组件作为返回值
 
 //React调用<Welcome/>组件，并将{name:'Sara'}{name:'Cahal'}{name:'Edite'}作为返回值
 
 //ReactDOM将DOM高效地更新为<h1>hello,Sara</h1>等