super(props)

为什么要调用super

这其实是JS的限制，而不是React。在构造函数中，如果要使用this就需要提前调用super
在React中，我们常常需要初始化state， this.state = xxx，所以需要提前调用supre(props)

为什么要传递props

• super(props)中的参数props可传可不传，建议传
  为什么呢？
  因为React会在构造函数被调用后，会把props传递给刚刚创建的实例对象

const instance = new YourComponent(props);
instance.props = props;

这就是props不传也能用的原因
那为什么React官网建议我们传递props呢？
虽然React会在构造函数调用之后为supre赋值，但是在supre()调用之后与构造函数结束之前，this.props仍然是没法用的。因此建议尽量传值。否则要是构造函数中调用了某个访问props中的属性或者方法，就不太好定位问题

constructor(props) {
    this.props = props;
    // ...
  }