介紹JSX

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

Hello, world

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

我們把它叫做root節(jié)點(diǎn)，因?yàn)槿魏纹渌囟紩谒锩?，他由React DOM進(jìn)行管理。
通過React構(gòu)建的應(yīng)用通常都有一個root DOM節(jié)點(diǎn)；如果你要在已經(jīng)存在的應(yīng)用中整合React，可能會有很多root DOM 節(jié)點(diǎn)
通過`ReactDOM.render()`可以把元素渲染進(jìn)root DOM 節(jié)點(diǎn)里面， 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í)際上，大多數(shù)React app只能調(diào)用React.render()一次。