React类组件super()中的props

props没啥好说,用于组件传值

我们看两段代码

/**父组件**/

/**子组件**/
class Component01 extends React.Component{
    constructor(){
        super()
        this.state = {}
    }
    render(){
        return (
            
class component:{this.props.word}
) } }
/**父组件**/

/**子组件**/
class Component01 extends React.Component{
    constructor(props){
        super(props)
        this.state = {}
        console.warn('constructor中的this.props',this.props)
    }
    render(){
        return (
            
class component:{this.props.word}
) } }

这两段代码都能成功获取到props的值(因为React在初始化Class后,会将props自动设置到this中),那么为什么我们要在constructor和super里写上props呢?
答案:为了在constructor中获取到this.props,不写的话在constructor中调用this.props获取到的是undefined

参考:React中super(props)和super()以及不写super()的及ES6和ES5的区别

你可能感兴趣的:(React类组件super()中的props)