```
<div id="app"></div>
<script type="text/babel" >
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('app')
);
</script>
```
type="text/babel" 規定了按照jsx去編譯,所以我們發現h1這段話沒有加引號,這就是jsx的功勞
ReactDOM.render(...) 是渲染方法,所有的 js,html 都可通過它進行渲染繪制,他有兩個參數,內容和渲染目標 js 對象。
內容就是要在渲染目標中顯示的東西,可以是一個 React 組件,也可以是一段HTML或TEXT文本。渲染目標JS對象,就是一個DIV或TABEL,或TD 等HTML的節點對象。
> 需要注意的:渲染的元素只能有一個根元素,如果有多個根元素,需要用一個大div包裹