ReactJS中的基本元素渲染不起作用

我正在學習ReactJS。我訪問了this以獲得一些基本的經驗教訓。通過第一課去後，我可以寫下面的代碼：ReactJS中的基本元素渲染不起作用

<!DOCTYPE html> 
<html> 

    <head> 

     <meta charset="utf-8"> 

     <title>Hello world with date time in ReactJS</title> 

     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> 


    </head> 

    <body> 

     <div id="root"></div> 


     <script type="text/jsx"> 

      const element = <h1>Hello, world</h1>; 
      ReactDOM.render(
       element, 
       document.getElementById('root') 
      ); 

     </script> 


    </body> 

</html>

但出乎我的意料，它是工作here但不是我的電腦上或在我的小提琴here。你能告訴我爲什麼我的代碼不工作嗎？謝謝。

來源

2017-05-21 Nizamuddin Shaikh