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