React:Element

React Elements 是构成React App的最小单位。React中的组件是由一个或多个Elements构成的。

和DOM不同，React Elements 是纯粹的JS对象。利用React生成的DOM会根据React elements的数据变化实时更新。

1.RE挂载到DOM节点：

1 const element = <h1>Hello, world</h1>;
2 ReactDOM.render(
3   element,
4   document.getElementById('root')
5 );

只要调用ReactDOM.render即可，#root节点中的DOM内容将由element搭建.

2.RE生成后是不可改动的。

一旦生成，RE的子元素和特性将不可改变。此时如果要改变UI，只能重新创建一个RE，并传入ReactDOM.render中。不过文档指出，生产中大多数React Apps的UI组份只调用一次render方法即可。

3.React DOM只会更新有变化的的部分。当element发生改变后，React DOM会将它与上一个Element的内容进行比较，只有变化了的部分会发生更新，不变的部分不动，从而将渲染的开销降低。

转载于:https://www.cnblogs.com/alan2kat/p/7464150.html