知識(shí)點(diǎn)小記：??????????constructor中的super

（本文摘抄）
有的小伙伴每次寫(xiě)組件都會(huì)習(xí)慣性在constructor和super中寫(xiě)上props，那么這個(gè)是必要的嗎？？

如圖：
image

首先要明確很重要的一點(diǎn)就是：

可以不寫(xiě)constructor，一旦寫(xiě)了constructor，就必須在此函數(shù)中寫(xiě)super(),

此時(shí)組件才有自己的this，在組件的全局中都可以使用this關(guān)鍵字，

否則如果只是constructor 而不執(zhí)行 super() 那么以后的this都是錯(cuò)的?。?！

來(lái)源ES6 ： http://es6.ruanyifeng.com/#docs/class-extends

image

但是super中必須寫(xiě)參數(shù)props嗎？？ 答案是不一定，先看代碼：

有props：

image
image

無(wú)props：

image
image

可以得出結(jié)論：****當(dāng)想在constructor中使用this.props的時(shí)候，super需要加入(props)，

此時(shí)用props也行，用this.props也行，他倆都是一個(gè)東西。（不過(guò)props可以是任意參數(shù)，this.props是固定寫(xiě)法）。

如圖：

image

** 如果在custructor生命周期不使用 this.props或者props時(shí)候，可以不傳入props**。

下面是一個(gè)使用props的場(chǎng)景，此時(shí)別忘了 componentWillReceiveProps 生命周期喲。

參考另一篇文章 react的生命周期需要知道的

image

接上：如果constructor中不通過(guò)super來(lái)接收props，在其他生命周期，

諸如componentWillMount、componentDidMount、render中能直接使用this.props嗎？？

結(jié)論：可以的，react在除了constructor之外的生命周期已經(jīng)傳入了this.props了，完全不受super(props)的影響。

所以super中的props是否接收，只能影響constructor生命周期能否使用this.props，其他的生命周期已默認(rèn)存在this.props

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容