今天小編給大家分享的是react中怎么使用super，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會(huì)有所收獲的哦。

成都創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為四川企業(yè)提供專業(yè)的成都網(wǎng)站制作、做網(wǎng)站，四川網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

react中可以使用super；react中定義的構(gòu)造函數(shù)必須要調(diào)用super()對父類進(jìn)行初始化，super()可以調(diào)用了父類的構(gòu)造函數(shù)來去實(shí)例化子類本身，如果在constructor中要使用“this.props”，就必須給super加參數(shù)，語法為“super(props)”。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

react中使用super

在學(xué)習(xí)react的時(shí)候，其中在構(gòu)造函數(shù)里面，有一個(gè)super(props)，具體是什么意思呢。

其中 super語法來自es6，其語法如下：

super([arguments]); 
// 調(diào)用 父對象/父類 的構(gòu)造函數(shù)
super.functionOnParent([arguments]); 
// 調(diào)用 父對象/父類 上的方法

我們要理解react中的super(props)，，就先看一下，es6的構(gòu)造函數(shù)constructor

看如下js

class Person{
constructor(props){
console.log("參數(shù):"+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 實(shí)例化的時(shí)候，系統(tǒng)會(huì)默認(rèn)調(diào)用constructor函數(shù)，在 Child類中，我們沒有定義構(gòu)造函數(shù)，那個(gè)系統(tǒng)會(huì)默認(rèn)有一個(gè)constructor，并且會(huì)在里面調(diào)用super();  當(dāng)我們定義了構(gòu)造函數(shù)之后，就使用我們定義的。所以我們自己定義的構(gòu)造函數(shù)必須要調(diào)用super()對父類進(jìn)行初始化。

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

這個(gè)兩種調(diào)用和不調(diào)用的區(qū)別，

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

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

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

關(guān)于react中怎么使用super就分享到這里了，希望以上內(nèi)容可以對大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

網(wǎng)頁標(biāo)題：react中怎么使用super
本文鏈接：http://chinadenli.net/article46/pgjceg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)站收錄、營銷型網(wǎng)站建設(shè)、網(wǎng)站改版、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)