constructor里面为什么必须写super(props)

最新推荐文章于 2022-07-14 10:07:33 发布
最新推荐文章于 2022-07-14 10:07:33 发布
阅读量816 收藏 2
点赞数 1
分类专栏： react-最美的语言 文章标签： react 类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38073011/article/details/115006378
版权
在React的类组件中，如果定义了constructor，必须调用super(props)。这确保了子类能够正确初始化this对象，并能访问props。同时，constructor主要用于初始化state和绑定事件处理方法。注意在constructor中不应直接使用setState和复制props到state。
摘要由CSDN通过智能技术生成 
class Son extends Fa {
   
  constructor(props) {
   
    super(props); // 调用父类的constructor()，必须放在前面
    this.attr1 = attr1;//必须放在super(props)之后，否则报错
  }
最低0.47元/天 解锁文章
咩咩羊10
关注
专栏目录
constructor、super()、super(props)的区别
李文涛的博客
06-16 1508
对于初学react的人来说，constructor好像在每一个组件里面都是有写的，但是大部分人也都不知道他的作用的什么，更不用说里面的super了，本篇文章就带大家缕一缕这三者的关系。 1：constructor与super() 众所周知，react的组件大部分采用的都是es6的class语法糖写法，而constructor就是class里面的默认方法，是必须的，如果我们没有定义，那么系统会默认生成一个constructor方法。 而super()，是在constructor里面，用于继承父类的，因为子类是
react中constructor( )和super( )的具体含义以及如何使用
热门推荐
江木
02-08 2万+
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法        这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的
简述RN组件constructor(){} 中加上 super()的作用
移动开发技术分享
09-05 1954
首先通过下述例子了解在es6中实现继承： class father{ constructor(name) { this.name = name } printName() { console.log(this.name) } } class children extends father{ construc...
React constructor中的super
dreamjay1997的博客
12-07 325
class Checkbox extends React.Component { constructor(props) { super(props); this.state = { isOn: true }; } // ... } 对于上面的类Checkbox来说，它的super是React.Component 接下来我们依次讨论下列问题： 1.如果不调用sup...
React中constructor(props){ } super() 、super(props)究竟是什么
The limits of your knowledge are the limits of your world
03-07 2122
定义class组件，为什么需要加上 super() ？ 我们尝试去掉 super() 看看编译的结果： constructor() { this.state = {searchStr: ''}; this.handleChange = this.handleChange.bind(this); } 编译错误： 提示少写了super()，导致 Reference Error clas...
理解 es6 class 中 constructor 方法 和 super 的作用
hsany330的专栏
03-19 687
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')'...
React的constructor super作用是什么？为什么要进行bind绑定？
springLilly的博客
02-17 1144
最近有些迷惑一个事情，就是在写react组件的时候，有时候写constructor，有时候不写，呃呃呃呃呃，虽然不起眼，但是这到底是一个什么机制呢，好好研究了一下，发现涉及到的东西还不少，这并不是出现在react的东西，而是涉及到类和继承的问题的，决定写下来总结一下。虽然对于使用并不影响，但是只知其然不知其所以然，慢慢就会变得迷茫。。。。 参考文章 Why Do We Write super(props)? 阮一峰：Class 的继承 为什么在React Component需要bind绑定事件 MDN类体和
[react] 在构造函数中调用super(props)的目的是什么？
歌谣的博客
11-24 548
[react] 在构造函数中调用super(props)的目的是什么？ 这是ES6的语法。class组件继承自React.Component，super(props)之后，有以下几个作用： 初始化props，虽然不进行super(props)操作，组件在实例化时react也会对props进行初始化，但是如果向以下的操作，构造函数中的this.props是无法读取的 class Demo extends React.Component { constructor(props) { super
[react] super()和super(props)有什么区别？
歌谣的博客
11-16 447
[react] super()和super(props)有什么区别？ react 中的class 是基于es6的规范实现的, 继承是使用extends关键字实现继承的，子类必须在constructor()中调用super() 方法否则新建实例 就会报错，报错的原因是 子类是没有自己的this对象的，它只能继承父类的this对象，然后对其进行加工，而super()就是将父类中的this对象继承给子类的，没有super() 子类就得不到this对象。 如果你使用了constructor就必须写super()
constructor 中为什么要调用super和传递props
zlq_CSDN的博客
04-13 1391
来自官网中的一段代码，入下： // 通过该方法将props传递到父类的构造函数中 constructor(props) { super(props); this.state = {date: new Date()}; } 为什么调用super 这并不是 react 的限制，是 js（ES6） 的限制，ES6中 class 的 this 指向问题，ES6中类的继承需要先调用拿到当前实例的...
关于构造器中的super（）
weixin_30383279的博客
12-09 153
1、为什么在子类的constructor里面要加一句super（）？ 答：如果子类用了extends的关键字继承的父类，那么子类在使用构造器的时候就要加super（）语句，这是语法规范，就是这么定的。 2、super（）究竟是什么？ 是父类中的一个方法， 3、为什么加了super之后，显示的数据就成了undefined？ 没有把值传过去，只要加上就可以了，super(name,age) ...
React——为什么我们要写super(props)
z372574152的博客
05-04 679
本文总结自Dans的博客。 在编写react类组件的过程中，下面constructor中的代码我们应该已经见过无数次，但是却没有思考过为何必须这么去写： class Example extends Component { constructor(props) { super(props); this.state = {}; } } 在出现类属...
React中constructor及super的用法
小葵坤_易安的博客
07-17 596
一、constructor or super 1.constructor 表示父类的构造方法，用来新建父类的this对象，这是ES6对类的默认方法，该方法是类中必须有的，若无显示定义，则会默认添加空的constructor( )方法。 2.super 在class方法中，继承是用 extends 关键字来实现。子类必须在 constructor( )调用 super( )，否则新建实例时会报错。...
（转）理解 es6 class 中 constructor 方法 和 super 的作用
CaseyWei
07-02 415
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')'; } 等同于 class Point { constructor(x, y) { ..
ES6学习笔记（十八）Class 的继承
weixin_30419799的博客
04-12 127
1.简介 Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链prototype实现继承，要清晰和方便很多。 class Point { } class ColorPoint extends Point { } 上面代码定义了一个ColorPoint类，该类通过extends关键字，继承了Point类的所有属性和方法。但是由于没有部署任何代码，所...
constructor
JackChan
07-14 205
constructor
React里面的constructor()、super()、super(props)具体使用
chiuwingyan的博客
10-03 7826
前言 在写React的时候，有时候会被constructor()搞懵，不知道什么时候该写super(),super(props)。现在来总结一下。 class 由于，React是依赖于es6的Class，就是es5对象的语法糖。里面的constructor想当于对对象的初始化。 例如： class Point { constructor(x, y) { this.x = x...
constructor super
最新发布
07-27
constructor和super是在React组件中使用的两个关键字。 constructor是一个类的构造函数，它在创建类的实例时被调用。在React组件中，constructor通常用于初始化组件的状态(state)和绑定事件处理函数。当你在组件中定义了自己的constructor时，你必须调用super()来调用父类的构造函数，以确保正确地继承父类的属性和方法。如果你需要在constructor中访问props的值，你需要将props作为参数传递给super，例如super(props)。\[1\] 在React中，使用class语法糖定义组件时，默认会生成一个constructor方法，所以当你不需要使用constructor时，可以不用自己定义。但是如果你自己定义了constructor，就必须调用super()。\[1\] 总结来说，constructor是用于初始化组件的构造函数，而super是用于调用父类的构造函数，确保正确继承父类的属性和方法。\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [constructor、super()、super(props)的区别](https://blog.csdn.net/qq_33270597/article/details/106787534)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咩咩羊10

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值