核心API———createRoot、render方法

1.createRoot 方法是創建react的根容器，就是react元素的插入位置，插入的dom會被轉化成react元素，根容器內的內容都會被react管理，原有dom都會被刪除。

react17?根容器創建、渲染方式（創建根元素和渲染兩種api相結合）

ReactDOM.render(div, document.getElementById('root'))

react18 ?根容器創建、渲染方式（將創建根容器和渲染分離----避免重新渲染時重復獲取根dom節點）

const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(div)

2.重復調用render方法的時候，react會將兩次的渲染結果進行比較，只修改發生變化的元素，對dom做最少的修改（使用虛擬dom）

使用diff算法盡量少操作dom來優化性能