React渲染过程

  1.babel会将jsx转换为React.creatElement表达式；
  2.React.createElement render(){ return element } 在render函数调用时，生成一个element(虚拟节点)；
  3.众多element组成虚拟dom；
  4.ReactDOMComponent将众多element转化为真实节点；
  5.当数据发生改变时，render()函数会被再次调用，构造出新的虚拟dom，跟原来的虚拟dom用Diff算法进行比较，找到需要更新的地方批量改动，再补到真实的DOM上。