如何修复浏览器的反应

Question

我同时包含了用于react和react dom的脚本以及后来用于babel的脚本，但是在脚本下我的react并没有获得身份

<div id="app"> </div>
<script type="text/babel">      
  class App extends React.Component{
    render() {
      return(
        <div className="app-content">
          <h1>HEY HERE WE GO<h1>
          <p>{Math.Random()*10}</p>
        </div>          
       }
    }
    reactdom.render(</App>,document.getElementById('app'));
</script>