React元素是构成React应用的最小模块,比组件小,组件是由React元素构成的
React Dom负责更新实际Dom和React元素保持一致(数据绑定)
- ReactDom.render()
将一个React元素渲染到真实Dom中,只需要把它和真实Dom的引用传入ReactDom.render()函数中:
<div id="root"></div>
//html结构
const element = <h1> Hello </h1>
ReactDom.render(element,document.getElementById("root"));
//JSX React元素
不可变性
React元素是不可变的,不可修改它的子元素或属性局部刷新
React Dom会将元素和它的子元素与它们之前的状态相比较,只更新有必要更新的部分
例子:https://react.docschina.org/docs/rendering-elements.html#react-only-updates-whats-necessary