渲染元素
<div id="root"></div>
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));
上面的代码将element元素渲染到root节点中。
更新已渲染元素
React元素时不可变的。一旦创建了元素,就不能修改其子元素或属性。
跟新UI的唯一方法就是创建一个新元素并将它传递给ReactDOM.render()
==注意:实际上,大多数React应用之调用一次ReactDOM.render()==
React只更新变化部分
React DOM将元素及其子元素与前一元素进行比较,并仅更新发生变化的部分