[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打印undefinedconsole.log(this.props)}
}

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

个人简介

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

主目录

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

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

C++对象模型4——多重继承的对象内存模型、vptr与vtbl的创建与重置的时机、不要在含有虚函数的类的构造函数中调用memset
一.多重继承的对象内存模型 class Base1 { public:virtual void f() {cout << "base1::f()" << e ...
C++在构造函数中调用构造函数
为什么80%的码农都做不了架构师?>>> C++如何在一个构造函数中调用另一个构造函数,在一篇博文中看到了这样的一道题: #include <stdlib.h> # ...
【C++】45.尽量不要在构造函数中调用函数或开启线程
我们有时候会有些不规范的编程习惯,如,在构造函数中开启detach分离线程,或者在构造函数中写一个初始化函数,在这个初始化函数中开启detach分离线程.这样做会有意想不到的程序崩溃问题,而且还不好排 ...
C# 构造函数中调用虚函数
C# 构造函数中调用虚函数 using System; using System.Diagnostics; using System.Text; using System.Collections; u ...
C++学习笔记-----在一个构造函数中调用另一个构造函数
在构造函数中调用另一个构造函数如果一不注意就会有无限递归的危险,而且构造函数的参数的不同也决定了调用的不同,所以特意总结了一下哪些形式的调用时允许的: 首先假设构造函数调用时参数都是外部的变量,而不是 ...
构造函数中调用构造函数new和delete使用小结
malloc free 是C语言的函数 new delete 是C++的操作符 #include "iostream" using namespace std;//构造中调用构造是 ...
C#从构造函数中调用其他构造函数
有时,在一个类中有几个构造函数,以容纳某些可选参数,这些构造函数包含一些共同的代码.例如,如下情况: Class Car {private string _description;private in ...
C++ 不能在构造函数中调用构造函数
#include <iostream> using namespace std;class MyTest{public:MyTest() {}MyTest(int a, int b, in ...
java调用构造函数中某一个值_Java如何在枚举的构造函数中调用另一个枚举值
Java中的枚举(enum)是一种存储一组常量值的数据类型.您可以使用枚举来存储固定值,例如一周中的天,一年中的月等. 您可以使用关键字 enum定义枚举,后跟枚举的名称为-enum Days { S ...

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

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

个人简介

主目录

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

最新文章

热门文章