为什么super中传入props，constructor才能使用this.props

Question

老师能讲下为什么吗..有点不理解

Answer 1

慕瓜8449030 2018-06-22 10:19:36

super算是初始化父类的props 这么理解吧，我们要初始化 才能用，就像日本动画里，天马流星拳都得先喊出口号才使用

• 提问者 wykun #1

  constructor() {
  
  super()
  console.log(this.props)//undefined
  console.log(props)//error
  }
  constructor(props) {
  
  super()
  console.log(this.props)//undefined
  console.log(props)//{}
  }
  constructor(props) {
  
  super(props)
  console.log(this.props)//{}
  console.log(props)//{}
  }
  嗯..可是老师.为什么super要传入props呢

• 提问者 wykun #2

  代码写上面了..- -..

• 慕瓜8449030 回复 提问者 wykun #3

  super(props) 之后，能在类里通过 this 访问是因为在 React.Component 里面把传入的 props 绑定到了 this 上去，于是在 super 之后就可以用 this 访问了。 等下 我给你找react的源码

点开查看后面3条评论

Answer 2

提问者 wykun 2018-06-22 10:48:02

constructor() {

super()

console.log(this.props)//undefined console.log(props)//error

}
constructor(props) {

super()

console.log(this.props)//undefined console.log(props)//{}

}
constructor(props) {

super(props)

console.log(this.props)//{} console.log(props)//{}

}

(代码在这..)