2013-10-12 35 views
7

我正在嘗試Facebook的Reactjs庫,發現它很棒。我已經完成了實驗/教程並使其工作。Facebook React.js示例錯誤?

現在我在:http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html

,我試圖走出代碼:

/** @jsx React.DOM */ 

var LikeButton = React.createClass({ 
    getInitialState: function() { 
    return {liked: false}; 
    }, 
    handleClick: function(event) { 
    this.setState({liked: !this.state.liked}); 
    }, 
    render: function() { 
    var text = this.state.liked ? 'like' : 'unlike'; 
    return (
     <p onClick={this.handleClick}> 
     You {text} this. Click to toggle. 
     </p> 
    ); 
    } 
}); 

React.renderComponent(
    <LikeButton />, 
    document.getElementById('example') 
); 

運行上面的代碼後,我什麼也得不到。在我的谷歌瀏覽器控制檯,我得到的錯誤是Uncaught SyntaxError: Unexpected token <,在線開始<p onClick={this.handleClick}>

我想知道是否有誰可以啓發我關於代碼有什麼問題?

最好的問候。

回答

17

好的,我知道錯誤是什麼。

由於我的代碼放在我的問題作爲外部文件(Like.js),請確保該腳本標籤應如下:

<script type="text/jsx" src="Like.js"></script> 

的「文本/ JSX」是必需的!

謝謝!

+2

正確! 「text/jsx」將讓JSXTransformer在代碼實際執行之前處理代碼並處理特殊語法。 –

+0

我的生活節省<3 – Raccoon