```
<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包裹
