Html 理解React中的渲染错误

这是我第一次体验react。 我不明白为什么下面的代码在

render

函数上返回错误

    var LikeButton = React.createClass({
        getInitialState: function() {
            return { liked: false };
        }

        render: function() {
            if (this.state.liked)
                return <div>Ti piace!</div>
            else
                return <a href="#" onClick={this.doLike}>Mi piace</a>
        }

        doLike: function() {
            this.setState({ liked: true });
        }
    });
    ReactDOM.render(<LikeButton />, document.body); 

var LikeButton=React.createClass({
getInitialState:函数（）{
返回{liked:false}；
}
render:function（）{
if（this.state.liked）
回到原地！
其他的
返回
}
doLike:function（）{
this.setState（{liked:true}）；
}
});
render（，document.body）；

---

此代码位于标记

中，虽然您提供了脚本类型的

babel

，但这并不意味着您的代码实际上已编译

---

您可以尝试使用实用程序为React开发设置有效的环境。

错误如下：

Uncaught SyntaxError: embedded: Unexpected token (7:3)
   5 |          }
   6 |  
>  7 |          render: function() {
     |    ^
   8 |              if (this.state.liked)
   9 |                  return <div>Ti piace!</div>
  10 |              else
    at Parser.pp.raise (browser.js:65620)
    at Parser.pp.unexpected (browser.js:66850)
    at Parser.pp.expect (browser.js:66844)
    at Parser.pp.parseObj (browser.js:65244)
    at Parser.pp.parseExprAtom (browser.js:65040)
    at Parser.parseExprAtom (browser.js:68226)
    at Parser.pp.parseExprSubscripts (browser.js:64884)
    at Parser.pp.parseMaybeUnary (browser.js:64865)
    at Parser.pp.parseExprOps (browser.js:64811)
    at Parser.pp.parseMaybeConditional (browser.js:64793)

未捕获的语法错误：嵌入：意外标记（7:3）
5 |          }
6 |  
>7 |渲染：函数（）{
|    ^
8 |如果（本州喜欢）
9 |返回原地！
10 |其他
在Parser.pp.raise（browser.js:65620）
位于Parser.pp.unexpected（browser.js:66850）
位于Parser.pp.expect（browser.js:66844）
在Parser.pp.parseObj（browser.js:65244）
位于Parser.pp.parsexpratom（browser.js:65040）
位于Parser.parsexpratom（browser.js:68226）
位于Parser.pp.parsexprsubscripts（browser.js:64884）
在Parser.pp.parseMaybeUnary（browser.js:64865）
位于Parser.pp.parsexprops（browser.js:64811）
在Parser.pp.parseMaybeConditional（browser.js:64793）

React.createClass

将对象作为参数，对象的每个属性都需要用逗号（，）分隔

您只需执行以下操作：

var LikeButton = React.createClass({
    getInitialState: function() {
        return { liked: false };
    }, // comma

    render: function() {
        if (this.state.liked)
            return <div>Ti piace!</div>
        else
            return <a href="#" onClick={this.doLike}>Mi piace</a>
    }, // comma

    doLike: function() {
        this.setState({ liked: true });
    }
});
ReactDOM.render(<LikeButton />, document.body); 

var LikeButton=React.createClass({
getInitialState:函数（）{
返回{liked:false}；
}，//逗号
render:function（）{
if（this.state.liked）
回到原地！
其他的
返回
}，//逗号
doLike:function（）{
this.setState（{liked:true}）；
}
});
render（，document.body）；

---

您可以看到您的代码正在运行。

wat是错误吗！！