我是靠谱客的博主 善良蜻蜓,这篇文章主要介绍[react] 在构造函数中调用super(props)的目的是什么?[react] 在构造函数中调用super(props)的目的是什么?个人简介 主目录,现在分享给大家,希望可以做个参考。

[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等等

个人简介

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











主目录

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

最后

以上就是善良蜻蜓最近收集整理的关于[react] 在构造函数中调用super(props)的目的是什么?[react] 在构造函数中调用super(props)的目的是什么?个人简介 主目录的全部内容,更多相关[react]内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(116)

评论列表共有 0 条评论

立即
投稿
返回
顶部