未捕獲的錯誤：分析錯誤：第13行：意外的標識符

我是ReactJS的新手，在線學習一些示例練習。無法在瀏覽器上呈現簡單標記時遇到問題。有一個沒有意義的Uncaught語法錯誤。未捕獲的錯誤：分析錯誤：第13行：意外的標識符

我只返回1個標籤，這是此論壇中與React相關的問題報告的唯一嵌套問題。你能幫我解決這個問題嗎？下面

/** @jsx React.DOM */ 
var MySelect = React.createClass({ 
    getInitialState: function(){ 
     return { 
     selected:false 
     }; 

    } 
    render: function(){ 
     var mySelectStyle = { 
      border: '1px solid #999', 
      display: 'inline-block', 
      padding: '5px' 
     }; 
     return (//react div element, via JSX, containing <MyOption> component 
      <div style={mySelectStyle}> 
       <MyOption value="Volvo"></MyOption> 
       <MyOption value="Saab"></MyOption> 
       <MyOption value="Mercedes"></MyOption> 
       <MyOption value="Audi"></MyOption> 
      </div> 
     ); 
    } 
}); 

var MyOption = React.createClass({ 
/* render: function(){ 
     return <div> {this.props.value} </div> ; 
    } */ 
}); 
ReactDOM.render(<MySelect />, document.getElementById('app')); 
</script> 
</body> 
</html>

來源

2016-12-28 Sriram Vasudevan

你應該在這種情況下創建一個引擎收錄例子，它不是那麼清楚瞭解出現錯誤的位置。 –

MyOption組件

代碼這裏不返回任何東西。可能是這是錯誤的原因。

來源

2016-12-28 12:12:57 duwalanise

已嘗試uncommenting返回stmt但仍然錯誤。 –

你能發佈錯誤嗎？ – duwalanise

您需要通過,將您的功能分開。另外，還要確保您使用babel to transpile your jsx code.

var MySelect = React.createClass({ 
 

 
    getInitialState: function(){ 
 
     return { 
 
     selected:false 
 
     }; 
 

 
    }, 
 

 
    render: function(){ 
 
     var mySelectStyle = { 
 
      border: '1px solid #999', 
 
      display: 'inline-block', 
 
      padding: '5px' 
 
     }; 
 
     return (//react div element, via JSX, containing <MyOption> component 
 
      <div style={mySelectStyle}> 
 
       <MyOption value="Volvo"></MyOption> 
 
       <MyOption value="Saab"></MyOption> 
 
       <MyOption value="Mercedes"></MyOption> 
 
       <MyOption value="Audi"></MyOption> 
 
      </div> 
 
     ); 
 
    } 
 
}); 
 

 
var MyOption = React.createClass({ 
 

 
    render: function(){ 
 
     return <div> {this.props.value} </div> ; 
 
    } 
 
}); 
 

 
ReactDOM.render(<MySelect />, document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="app"></div>

來源

2016-12-28 12:13:11

謝謝你是對的。是的，我錯過了，已將它添加到代碼中，並將庫改爲15.1。謝謝。沒有更多的錯誤，但可能會在沒有jsx的情況下在Babel中編譯並還原 –

未捕獲的錯誤：分析錯誤：第13行：意外的標識符

回答

相關問題