[react] 在构造函数中调用super(props)的目的是什么？

Posted 2021-12-19 前端小歌谣

[react] 在构造函数中调用super(props)的目的是什么？

这是ES6的语法。class组件继承自React.Component，super(props)之后，有以下几个作用：

• 初始化props，虽然不进行super(props)操作，组件在实例化时react也会对props进行初始化，但是如果向以下的操作，构造函数中的this.props是无法读取的

class Demo extends React.Component 
  constructor(props) 
    super();
    // 上面的super函数没有传参数，下面的log打印undefined
    console.log(this.props)
  

• 根据ES的语法规则，作为子类的组件可以拿到父类的this，使之可以调用父类的属性和方法，如this.setState``this.props等等

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题