入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

react组件自定义写法

创建时间:2016-11-17 投稿人: 浏览次数:970
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")
);
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
  • 上一篇:没有了
  • 下一篇:没有了
未上传头像