javascript - Uncaught Error : Parse Error: Line 13: Unexpected identifier

Question

我是 ReactJS 新手，正在在线学习一些示例练习。在浏览器上呈现简单标签时遇到问题。有一个没有意义的未捕获语法错误。

我只返回 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>

Answer 1

您需要通过,分隔您的功能。另请确保您使用的是 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>