站長資訊網
最全最豐富的資訊網站

react中可以使用super嗎

react中可以使用super;react中定義的構造函數必須要調用super()對父類進行初始化,super()可以調用了父類的構造函數來去實例化子類本身,如果在constructor中要使用“this.props”,就必須給super加參數,語法為“super(props)”。

react中可以使用super嗎

本教程操作環境:Windows10系統、react17.0.1版、Dell G3電腦。

react中使用super

在學習react的時候,其中在構造函數里面,有一個super(props),具體是什么意思呢。

其中 super語法來自es6,其語法如下:

super([arguments]);  // 調用 父對象/父類 的構造函數 super.functionOnParent([arguments]);  // 調用 父對象/父類 上的方法

我們要理解react中的super(props),,就先看一下,es6的構造函數constructor

看如下js

class Person{ constructor(props){ console.log("參數:"+props); console.log("初始化 Person constructor"); this.name = "Person"; } } class Child extends Person{ getName(){ console.log("名字為:"+this.name); } } var child = new Child(); child.getName();

  在js中,類在 new 實例化的時候,系統會默認調用constructor函數,在 Child類中,我們沒有定義構造函數,那個系統會默認有一個constructor,并且會在里面調用super(); 當我們定義了構造函數之后,就使用我們定義的。所以我們自己定義的構造函數必須要調用super()對父類進行初始化。

在react中,如果不需要在 constructor里面使用 props,是可以不用寫 constructor的

react中可以使用super嗎

react中可以使用super嗎

這個兩種調用和不調用的區別,

1、如果不需要 在 constructor里面使用 this.props ,是可以不用給super傳props的

2、如果不要在constructor寫邏輯,僅僅是寫一個super(props),實際上整個constructor都沒有寫的必要

3、目前react支持一種新的寫法,沒有constructor情況下面的初始化數據,非常方便

react中可以使用super嗎

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
亚洲精品无码成人片在线观看| 国产精品成人va在线观看入口| 国产精品美女一区二区视频| 亚洲一区二区三区国产精品| 亚洲AV日韩精品久久久久久久| 日本精品高清一区二区2021| 国内精品久久久久影院老司 | 亚洲91精品麻豆国产系列在线| 国产AV午夜精品一区二区入口| 日韩精品无码免费专区网站| 国产精品自在线拍国产电影| 色妞www精品一级视频| 日韩毛片免费一二三| 国产精品午夜高清在线观看| 国产精品美女一区二区三区| 亚洲国产精品嫩草影院| AAA级久久久精品无码片| 78成人精品电影在线播放| 久久综合精品国产二区无码| 国产成人精品AA毛片| 精品视频一区二区三区在线观看| 日韩精品无码一区二区三区AV | 午夜精品一区二区三区在线观看| 日韩精品区一区二区三VR| 日韩欧国产精品一区综合无码| 国产精品亚洲а∨无码播放不卡| 日韩精品视频在线播放| 精品国产福利在线观看一区| 精品国产天堂综合一区在线| 亚洲国产欧美日韩精品一区二区三区| 久久久久99这里有精品10 | 精品国产亚洲一区二区在线观看| 亚洲国产精品成人AV无码久久综合影院 | 国产成人精品无码一区二区老年人| 精品久久久久久无码人妻| 精品国产一区二区三区香蕉事| 日韩精品一区二区三区在线观看l| 国产麻传媒精品国产AV| 国产精品久久精品福利网站| 四虎永久在线精品免费影视| 日韩好片一区二区在线看|