react中constructor和super的使用

Posted luowenshuai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react中constructor和super的使用相关的知识,希望对你有一定的参考价值。

一:什么时候要用constructor,需要定义state的时候必须要写,要调用super(),而且要传入props参数即super(props)。如果不定义state的话,有无constructor没区别。

二:什么时候要调用super,如果要在子类中使用父类的属性和方法,就要调用super(父类接受的参数),即要在constructor中使用this.props的时候就必须要调用super(props)。

例如:

constructor(){
    super();      //没有用到this.props所以参数props就可以不加
    this.state={  //定义了state必须要写constructor,必须调用super
        list:[‘aaa‘, ‘bbb‘, ‘ccc‘]
    }
}

三:可以不写constructor,但是只要写了constructor就必须要有super。为什么?这是因为子类自己的this对象,必须先通过父类的构造函数完成塑造,得到与父类同样的实例属性和方法,然后对其进行加工,加上子类自己的实例属性和方法。如果不调用super方法,子类就得不到this对象。

四:为什么可以省略,由于ES6的继承规则,不管子类写不写constructor,在new实例的过程都会自动给补上constructor。

注意:子类必须在constructor方法中调用super方法,否自新建实例时会报错。这是因为子类自己的this对象,必须先通过父类的构造函数完成塑造,得到父类同样的实例属性和方法,然后再对其进行加工,加上子类自己的属性和方法。如果不调用super方法,子类就得不到this对象。

以上是关于react中constructor和super的使用的主要内容,如果未能解决你的问题,请参考以下文章

react中constructor和super()以及super(props)的区别。

React中的constructor和super+生命周期

React中constructor(props){}究竟是什么,以及super(props)与super()

为啥react的组件要super

为啥react的组件要super

为啥react的组件要super