未知のエラー：Parse Error：行13：予期しない識別子

Question

ReactJSを初めて使用し、オンラインでいくつかのサンプルを練習しています。ブラウザに簡単なタグを表示する際に問題があります。意味がわからない、キャッチされていない構文エラーがあります。

私は、このフォーラムのReact関連の問題で報告された唯一のネストの問題であったタグを1つだけ戻しています。このplsのトラブルシューティングを手伝ってもらえますか？

/** @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> 

Answer 1

MyOptionコンポーネントの下

コードはここに何を返していません。原因はエラーの原因である可能性があります。

Answer 2

,で機能を分ける必要があります。また、あなたはあなたがこのケースでペーストビンの例を作成する必要があります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>