8

我正在试用 Facebook 的 Reactjs 库,发现它很棒。我已经完成了示例/教程并使其正常工作。

现在我在: 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}>

我想知道是否有人可以告诉我代码有什么问题?

此致。

4

1 回答 1

17

好的,我知道错误是什么。

由于我将问题中的代码作为外部文件 ( Like.js ) 放置,因此请确保脚本标记应如下所示:

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

“文本/jsx”是必需的!

谢谢!

于 2013-10-12T15:17:22.940 回答