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 //不是也能访问?