2017-02-09 6 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はリアクションコードを生成します。ミスリルコードを生成するには、 'プラグマ'をmに設定する必要があります。これを行う最も簡単な方法は、各JSXファイルの先頭に次のコメントを設定することです。

/* @jsx m */