反応しません。エラーは（インデックス）：13 Uncaught SyntaxError：予期しないトークン<

私はリアクションには新しく、ページに表示する単純なコンポーネントを構築しようとしています。私はエラーを取得していますいくつかの理由：ここで反応しません。エラーは（インデックス）：13 Uncaught SyntaxError：予期しないトークン<

(index):13 Uncaught SyntaxError: Unexpected token <

は私のコードです：

<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <div id="yolo"></div> 
    <script src="react.js"></script> 
    <script src="react-dom.js"></script> 
    <script> 
     var Yolo = React.createClass({ 

      render: function(){ 
       return <h1>Waddup doc?</h1>; 
      } 
     }); 

     ReactDOM.render(
      <Yolo />, 
      document.getElementById('yolo') 
     ); 
    </script> 
</body> 
</html>

出典

2016-09-14 Philip7899

あなたがそれをtranspiles何かを使用していない場合は、JSXを使用することはできません。 create-react-appを使用すると、この問題が処理されます。 https://github.com/facebookincubator/create-react-appサンプルを動作させるには、JSXをReact.createElementに置き換えるか、ブラウザのJSXトランスを使用する必要があります。

編集：

var Yolo = React.createClass({ 

      render: function render(){ 
       return React.createElement(
       "h1", 
       null, 
       "Waddup doc? " 
      ); 
      } 
     }); 

ReactDOM.render(React.createElement(Yolo), mountNode);

より多くの例：あなたは、スクリプトタグで遊んで削除反応し、反応-DOMを、あなたは、この構文を試しJSXを使用したくない場合は、この<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

出典

2016-09-14 18:42:29 zackify

なぜこれはReactのドキュメントのどこにも記載されていませんか？ – Philip7899

ここに記載されています：https://facebook.github.io/react/docs/language-tooling.html。私は初心者として理解するのが難しいことを理解しています！ – zackify

また、Reactをダウンロードすると、反応したサンプルの反応ファイルが付属していますが、それらを蒸散しているものはまだダウンロードしていませんか？ – Philip7899

を使用したい場合反応jの純粋なjavascriptは、それぞれの例のコンパイルタブのthis linkに存在します。私はあなたが助けてくれることを願っています。

出典

2016-09-14 18:51:45

反応しません。エラーは（インデックス）：13 Uncaught SyntaxError：予期しないトークン<

答えて

関連する問題