Javascript React JSX解析器错误

我试图学习如何反应，但这让我陷入困境：

    <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>

var Avatar=React.createClass({
render:function（）{
返回{
}
}
});
React.render（，document.body）；

我不断地发现这个错误：

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

<div>
^

未捕获错误：分析错误：第5行：意外标记<
在http://localhost:420/
^

---

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

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

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

var Avatar=React.createClass({
render:function（）{
return（//注意括号，不是大括号
)；//一样
}
});

在React中，根据

在JSX中，

单独有效，而

无效

在您的情况下，您错过了

img

的关闭标记。尝试使用：