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