react组件自定义写法

来源:互联网 发布:sjf算法流程图 编辑:程序博客网 时间:2024/06/05 18:13
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 ? '喜欢' : '不喜欢';
    return (
      <p onClick={this.handleClick}>
        你<b>{text}</b>我。点我切换状态。
      </p>
    );
  }
});


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