Loading

react中constructor这个构造函数有什么卵用

当你在React class中需要设置state的初始值或者绑定事件时,需要加上constructor(){} 官方Demo:

class LikeButton extends React.Component {
  constructor() {
    super();
    this.state = {
      liked: false
    };

    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
    this.setState({liked: !this.state.liked});
  }
  render() {
    const text = this.state.liked ? 'liked' : 'haven\'t liked';
    return (
      <div onClick={this.handleClick}>
        You {text} this. Click to toggle.
      </div>
    );
  }
}
ReactDOM.render(
  <LikeButton />,
  document.getElementById('example')
);

用来新建父类的this对象;
子类必须在constructor方法中调用super方法;否则新建实例时会报错;因为子类没有自己的this对象;
而是继承父类的this对象,然后对其进行加工。如果不调用super方法;子类就得不到this对象。

 //  ps : 我的理解是 这样做符合 JavaScript原生对象      将属性添加到其构造函数,方法挂载在 原型 obj.prototype 上面的原则
fuction a(){
	this.age = 1;
}

a.prototype.name = 2;
this.name   //不是也能访问?    
posted @ 2017-08-22 14:35  lewiskycc  阅读(884)  评论(0编辑  收藏  举报