1.babel會將jsx轉換為react.createlement表示式；
2.react.createelement render() 在render函式呼叫時，生成乙個element(虛擬節點)；
3.眾多element組成虛擬dom；
4.reactdomcomponent將眾多element轉化為真實節點；
5.當資料發生改變時，render()函式會被再次呼叫，構造出新的虛擬dom，跟原來的虛擬dom用diff演算法進行比較，找到需要更新的地方批量改動，再補到真實的dom上。
react頁面渲染之前 react 渲染順序
工作中要對乙個 做再次更新,可能是渲染後更新或者部分元件渲染之後,對頁面效果做處理 之前對react的理解,僅僅停留在render渲染.這次好好理解了下react的生命週期 1 react元件有三種狀態 mounted 已插入真實的dom updating 正在被渲染 和 unmounted已移除真...
React 列表渲染
第一種 將列表內容拼裝成陣列放置到模板中。第二種 將資料拼裝成陣列的jsx物件。import react from react import reactdom from react dom let arr 小明 小黑 小白 let arrhtml 小明,小黑,小白 class welcome ext...
React元素渲染
元素渲染 元素是構成react應用的最小單位。元素用來描述你在螢幕上看到的內容 const element 與瀏覽器的dom元素不同，react當中的元素事實上是普通的物件，reactdom可以確保瀏覽器的資料內容與react元素保持一致。頁面中新增乙個id root 的div 在此div中的所有內...