学习前端开发的网站佛山网站营销

核心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来优化性能