我是靠谱客的博主 善良蜻蜓,最近开发中收集的这篇文章主要介绍[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] 在构造函数中调用super(props)的目的是什么?[react] 在构造函数中调用super(props)的目的是什么?个人简介 主目录所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部