【2023最新-React知识总结】

冲刺2023年的计划，期待收获慢慢！

<div id='root'></div>

1. React.createElement()

const div = React.createElement(div,{className:'box'},'我是内容')

1. 创建React元素
2. React元素一旦创建，无法修改

2. ReactDOM.createRoot()

1. 用来创建React的根容器，容器用来放置React元素

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

3. ReactDOM.render()

1. 首次被调用时，容器结点里面的所有React都会被替换，后续的调用都会使用React的DOM差分算法，进行高效的更新
2. 不会修改容器结点，可以在不覆盖现有子节点的情况下，将组件插入已有的DOM结点内

root.render(div)
页面结构展示如下：
<div id='root'>
    <div class='box'>
         我是内容
    </div>
</div>