首頁猿問在使用ES6類時(shí)，“超...

在使用ES6類時(shí)，“超級(jí)()”和“超級(jí)(道具)”有什么區(qū)別？

React.JS

慕田峪4524236 2019-07-05 18:37:07

在使用ES6類時(shí)，“超級(jí)()”和“超級(jí)(道具)”有什么區(qū)別？什么時(shí)候通過？props到super()為什么？class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? }}

查看完整描述

3 回答

慕碼人8056858

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊

當(dāng)一個(gè)人需要通過時(shí)，只有一個(gè)原因。props到super():

當(dāng)你想要訪問this.props在構(gòu)造函數(shù)中。

經(jīng)過：

class MyComponent extends React.Component {    
    constructor(props) {
        super(props)

        console.log(this.props)
        // -> { icon: 'home', … }
    }}

未通過：

class MyComponent extends React.Component {    
    constructor(props) {
        super()

        console.log(this.props)
        // -> undefined

        // Props parameter is still available
        console.log(props)
        // -> { icon: 'home', … }
    }

    render() {
        // No difference outside constructor
        console.log(this.props)
        // -> { icon: 'home', … }
    }}

請(qǐng)注意，經(jīng)過或不通過props到super有無效關(guān)于以后使用this.props外constructor..那是render, shouldComponentUpdate，或事件處理程序總能接觸到它。

這在索菲·阿爾伯特的書中有明確的說法回答一個(gè)類似的問題。

文件-狀態(tài)和生命周期，將本地狀態(tài)添加到類中，點(diǎn)2-建議：