#React 将超级构造函数与props参数一起使用的目的是什么

在调用方法this之前，子类构造函数无法使用引用super()。ES6子类也是如此。将props参数传递给super()call的主要原因是this.props在子构造函数中进行访问。

传递道具：

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

    console.log(this.props) // prints { name: 'John', age: 42 }
  }
}

不通过道具：

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

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

    // but props parameter is still available
    console.log(props) // prints { name: 'John', age: 42 }
  }

  render() {
    // no difference outside constructor
    console.log(this.props) // prints { name: 'John', age: 42 }
  }
}