建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
如何在React中操作DOM元素？
在React中，對Virtual DOM進行更改，然后同步到React DOM的過程叫和解。React判斷出哪些對象發(fā)生了變化的這個過程為漂移。
超過十多年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序設(shè)計，微信開發(fā)，App定制開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！
?[[392192]]?
DOM操作過程
- React更新虛擬DOM。
- 然后將前一個狀態(tài)的虛擬DOM與更新后的虛擬DOM進行比較，以識別對象中發(fā)生了哪些更改。這是用差分算法完成的。
- 更改后的對象將在實際DOM上得到更新。
差異算法示例
當根元素不同時：
// Old version
// New update
React將刪除該樹，然后再次重建整個樹。
當元素中的屬性更改時：
// Old
//New
只有差異會在屬性中找到，并會相應(yīng)地進行更改。
最后添加了新的子元素：
// old
- Child1
- Child2
//New
- Child1
- Child2
- Child3
新元素將添加到列表的末尾。
在列表的開頭添加了新元素：
// Old
- Child1
- Child2
//New
- Child3
- Child1
- Child2
將新元素添加到開頭時，它將再次重建整個列表。
【譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為.com】
分享文章：如何在React中操作DOM元素？
文章分享：http://www.5511xx.com/article/dhghhgc.html
