请问一下react constructor函数执行多少次？

Question

react constructor函数执行多少次

Answer 1

class Update extends React.Component{
constructor(props){
super(props);
this.state = {
nowtime:'2016-12-12 17:00:00',
resttime:'23'
};
}
render(){
return(
<p id="updateTime">
更新时间:{this.state.nowtime} 距离下一次更新大概还有{this.state.resttime}分钟
</p>
)
}

Answer 2

• 原因

1. 调用super的原因：在ES6中，在子类的constructor中必须先调用super才能引用this。

2. super(props)的目的：在constructor中可以使用this.props。

3. 最后，可以看下React文档，里面有一段：

   

• 在es6中实现继承，直接调用super(name)，就可以直接继承父类的属性和方法，所以super作用就相当于上述的实现继承的步骤，不过es6提供了super语法糖，简单化了继承的实现。