元素渲染 在React APP中元素是最小的構建塊，
一個元素被描述成如下：
const element =

Hello, world

; ## Rendering a element into DOM --- 假如在你的HTML文件中一個div：

我們把它叫做root節(jié)點，因為任何其他元素都會在它里面，他由React DOM進行管理。
通過React構建的應用通常都有一個root DOM節(jié)點；如果你要在已經(jīng)存在的應用中整合React，可能會有很多root DOM 節(jié)點
通過`ReactDOM.render()`可以把元素渲染進root DOM 節(jié)點里面， const element =

Hello, world

; ReactDOM.render( element, document.getElementById('root') ); [嘗試一下有驚喜(⊙o⊙)哦](https://codepen.io/gaearon/pen/rrpgNB?editors=1010) ## Updating the Rendered Element --- React 元素是不可變的，一旦你創(chuàng)建了元素，你就不能改變它的子元素和屬性 到目前為止我所知道的更新UI的唯一方法就是重新創(chuàng)建元素，然后重新渲染 function tick() { const element = ( ); ReactDOM.render( element, document.getElementById('root') ); } setInterval(tick, 1000); [嘗試一下有驚喜(⊙o⊙)哦](https://codepen.io/gaearon/pen/gwoJZk?editors=0010) 實際上，大多數(shù)React app只能調(diào)用React.render()一次。