javascript - react JSX 解析器错误

Question

我正在尝试学习 React，但这让我陷入困境:

    <script type="text/jsx">
        var Avatar = React.createClass({
            render: function(){
                return {
                    <div>
                        <img src={this.props.path}>
                    </div>
                }
            }
        });

        React.render(<Avatar path="img"/>, document.body);       
    </script>

我一直收到这个错误:

Uncaught Error: Parse Error: Line 5: Unexpected token <
    at http://localhost:420/

<div>
^

我试过将它包装在另一个 div 或一个 span 中，但没有任何效果我做错了什么？

Answer 1

您应该返回 JSX，但您返回的是一个不能包含 JSX 的对象。

var Avatar = React.createClass({
  render: function(){
    return ( // note a parenthesis, not a brace 
      <div>
        <img src={this.props.path}>
      </div>
    ); // same
  }
});