反應無效。錯誤說（索引）：13未捕獲的SyntaxError：意外的令牌<

我是新來的React，只是試圖構建一個簡單的組件顯示到頁面。出於某種原因，我得到的錯誤：反應無效。錯誤說（索引）：13未捕獲的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轉換器。

編輯：如果你想玩弄的腳本標籤，去掉反應，反應-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

：

var Yolo = React.createClass({ 

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

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

更多的例子在每個example的編譯選項卡中存在this link純javascript的反應js。我希望它可以幫助你。

來源

2016-09-14 18:51:45

反應無效。錯誤說（索引）：13未捕獲的SyntaxError：意外的令牌<

回答

相關問題