React——constructor&super

最新推荐文章于 2024-04-18 03:53:21 发布
最新推荐文章于 2024-04-18 03:53:21 发布
阅读量146 收藏
点赞数
文章标签： react 前端

React中constructor和super

constructor构造函数在组件中是否必须

constructor构造函数并不是不可缺少的，子组件可以在一些情况下略去。
根据ES6可知，不论子类是否添加constructor，这个方法在子类缺失constructor的情况下都会默认被添加，在子类new实例的过程都会补上constructor。

constructor和super的关系

子类可以不写constructor，但是一旦写了，就要在constructor中将super()一起写了。
这时组件才能有自己的this，在组件的全局中都可以使用this关键字。如果只添加了constructor，但是不执行super，之后使用的this都是错的。

super中是否必须写入参数props

不一定。
当想在constructor中使用this.props的时候，super括号中需要加入props，此时用props也行，用this.props也行。如果在constructor生命周期中不使用this.props或者props时，可以不传入props。总之，super中props是否存在，只影响constructor这一个生命周期能否使用this.props，其他生命周期已经默认存在this.props了。

参考文献

react组件中的constructor和super小知识

tictatatata
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React的constructor super作用是什么？为什么要进行bind绑定？
springLilly的博客
02-17 1104
最近有些迷惑一个事情，就是在写react组件的时候，有时候写constructor，有时候不写，呃呃呃呃呃，虽然不起眼，但是这到底是一个什么机制呢，好好研究了一下，发现涉及到的东西还不少，这并不是出现在react的东西，而是涉及到类和继承的问题的，决定写下来总结一下。虽然对于使用并不影响，但是只知其然不知其所以然，慢慢就会变得迷茫。。。。 参考文章 Why Do We Write super(props)? 阮一峰：Class 的继承 为什么在React Component需要bind绑定事件 MDN类体和
react pro——————————
04-14
react pro——————————
React constructor中的super
dreamjay1997的博客
12-07 318
class Checkbox extends React.Component { constructor(props) { super(props); this.state = { isOn: true }; } // ... } 对于上面的类Checkbox来说，它的super是React.Component 接下来我们依次讨论下列问题： 1.如果不调用sup...
react中constructor( )和super( )详解，web前端面试项目上的难点有哪些
最新发布
weixin_57992300的博客
04-18 658
上面的例子中，有super()，子类必须在constructor() 中调用 super() ，否则新建实例时会报错。报错的原因是：子类没有自己的 this 对象的，它只能继承自父类的 this 对象，然后对其进行加工，而 super() 就是将父类中的 this 对象继承给子类的。如果你看懂了，那么将会get到这项技能：构造方法constructor() = 构造函数本身 (上面我也进行了打印，你应该懂的)Doctype作⽤?super() = 继承，这玩意就是用来继承的，继承它的父级。
react中constructor( )和super( )到底是个啥？
qq_42634562的博客
12-04 227
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用。今天整理一遍发现，不是新知识读不懂，而是我的原型链知识点太不扎实了。本着方便他人顺带着娱乐自己的原则，特整理这篇文章，以备后查！ constructor( )——构造方法 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constru...
React中constructor及super
weixin_41563161的博客
06-12 137
React中constructor及super https://www.jianshu.com/p/1b5e86c68458
react中的constructor和super
want_to_fly_的博客
07-24 200
经验贴，站在巨人的肩膀上学习，通过查阅资料，结合自己的理解，总结得出规律。 [1](https://www.cnblogs.com/faith3/p/9219446.html) [2](https://www.jianshu.com/p/82966e22a6bd) 1. constructor 我们平常在写react框架是，定义一个类组件，有时候会用到constructor和super，如下图。 export default class App extends Comp...
《React: Tools & Resources》- 2017 英文原版
11-30
This book is a collection of in-depth guides to some some of the tools and resources most used with React, such as Jest and React Router, as well as a discussion about how React works well with D3, ...
《React: Tools & Resources》2017 英文原版 Kindle - mobi格式
11-06
This book is a collection of in-depth guides to some some of the tools and resources most used with React, such as Jest and React Router, as well as a discussion about how React works well with D3, ...
React入门——项目搭建
01-08
React介绍 一款javascript前端框架，把用户界面抽象成一个个的组件，按需组合成页面，官网，与其他框架的共同点是，都采用虚拟dom，和数据驱动。 环境搭建 首先，我们需要安装node.js，直接搜索并在官网下载安装包。...
owm:React＆Redux＆Saga示例
05-16
React＆Redux＆Redux-Saga示例 该示例基于样板。 安装 克隆存储库 npm install 执行（DEV） npm start 执行（PROD） npm run build cd build npm install npm start
react中constructor( )和super( )详解
热门推荐
欧阳的技术博客
04-02 1万+
前言 如果大家经常使用 react() 做项目，像constructor( )与super( )肯定是司空见惯了，哪哪都有，但是很多人都是复制粘贴一把梭，并不知道这是干啥的与底层原理。 实际上这不是 react()的专属玩意，而是JS自带的，原型链相关的知识，今天来把它撸一撸。 constructor( ) 这是ES6对类(Class)的默认方法，一般用于数据初始化，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加。 ES5中，J..
React里面的constructor()、super()、super(props)具体使用
chiuwingyan的博客
10-03 7721
前言 在写React的时候，有时候会被constructor()搞懵，不知道什么时候该写super(),super(props)。现在来总结一下。 class 由于，React是依赖于es6的Class，就是es5对象的语法糖。里面的constructor想当于对对象的初始化。 例如： class Point { constructor(x, y) { this.x = x...
了解 React 之 constructor 与 super
杏子
03-26 362
一、前言 以下是常见的 React 组件写法，通常有constructor 函数和 super 函数。那么这两个函数到底有什么作用？ class App extends React.Component { constructor(props) { super(props); } render() { ...
React中constructor及super的用法
小葵坤_易安的博客
07-17 558
一、constructor or super 1.constructor 表示父类的构造方法，用来新建父类的this对象，这是ES6对类的默认方法，该方法是类中必须有的，若无显示定义，则会默认添加空的constructor( )方法。 2.super 在class方法中，继承是用 extends 关键字来实现。子类必须在 constructor( )调用 super( )，否则新建实例时会报错。...
react 有状态组件中的constructor和super理解
qiuqiu1894的博客
04-07 377
关于有状态组件中的super(props)，1.为什么要使用super();2.为什么要传入props？ 有状态组件例如： class Home extends React.Component { constructor(props) { super(props); }; render() { return ( <Header/> //也可以写成<Header></Header>
react组件中的constructor和super小知识
aa_mmnn的博客
03-05 1180
1、react中用class申明的类一些小知识 如上图：类Child是通过class关键字申明，并且继承于类React。 A、Child的类型是？ typeofChild === 'function'， 其实就相当于ES5用function申明的构造函数 function Child() { //申明构造函数 } B、Child类调用时候( new Child() )，会优先执行，并且自动执行Child的constructor函数。 constructor()...
react中的constructor方法和super()的理解
abcdefg182的博客
07-14 667
react中constructor，super()的理解
react中constructor( )和super( )的具体含义以及如何使用
weixin_42143550的博客
09-20 470
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( ...
react 中的 &&
07-08
在 React 中，"&&" 是一个逻辑与运算符。它可以用于在 JSX 表达式中条件地渲染内容。当该运算符的左侧表达式为真时，它将返回右侧的内容。 例如，考虑以下代码片段： ```jsx {isLoggedIn && <WelcomeMessage />} `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值