REACT數據視圖更新原理

一、初始化數據state
二、JSX模板
三、數據+ 模板生成虛擬DOM（虛擬DOM就是一個JS對象，用它來描述真實的DOM）（損耗性能）
四、用虛擬DOM的結構生成真實DOM來顯示
<div id = "rty" > <span>hello jsx</span></div>
五、state 發生改變
六、數據 + 模板 生成新的虛擬DOM (極大提升性能）
['div' ,{ id:'abc },['span',{},'bye bye']]
七、比較原始虛擬DOM和新的虛擬DOM的區別， 找到span內容
八、直接操做DOM該變span內容 避免頻繁操做真實DOM極大提升性能