Reactjs学习-props， state, render之间的关系以及虚拟Dom

本篇是关于React的基础-渲染以及虚拟dom

1. props， state,  render之间的关系

• 当组件的state或者props发生改变时，render函数重新执行
• 当父组件的render函数执行时，子组件的render函数也会重新执行
  
  2. 虚拟Dom
• 产生背景：
  react是视图层的框架，数据加JSX模板构成我们的视图，数据会发生改变，每次改变都会生成新的Dom, 频繁生成dom会损耗性能，为了解决这个问题，引入了虚拟Dom这个概念
• 虚拟Dom概念：
  就是一个js对象，包含当前元素标签名，属性名，子元素...
  

  

   用这个对象来表示一个dom元素

• 优点
  数据每次发生改变，都去比较dom然后生成新的dom，损耗大量性能，而生成虚拟dom以及比较虚拟dom相比之下损耗较小，能提升项目性能