REACT數據視圖更新原理

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