2017-02-09 4 views
3

webpack 및 npm없이 JSX를 사용하여 간단한 예제를 작성하려고합니다. 이 일과 아무 것도 가지고 반작용 왜미스릴 간단한 예제 요구 ReactJS

Uncaught ReferenceError: React is not defined 

내가 혼란 스러워요 :

<html> 
    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.1/babel.min.js"></script> 
    <script src="http://unpkg.com/mithril/mithril.js"></script> 
    </head> 
    <body> 
     <script type="text/babel"> 
     var MyComponent = { 
     view: function() { 
      return (
      <main> 
       <h1>Hello world</h1> 
      </main> 
     ) 
     } 
     } 

     m.render(document.body, <MyComponent />) 
     </script> 
    </body> 
</html> 

하지만 점점 오류를 반응한다.

답변

7

기본적으로 JSX는 React 코드를 생성합니다. 미스릴 코드를 생성하려면 'pragma'를 m으로 설정해야합니다. 가장 쉬운 방법은 각 JSX 파일의 맨 위에 다음 주석을 설정하는 것입니다.

/* @jsx m */