【20161118】difference between "super()" or "super(props)" in React using ES6

[zhongxia245]

时间：2016-11-18 15:51:49
类别：React

What's the difference between “super()” and “super(props)” in React when using es6 classes?

class MyComponent extends React.Component {
  constructor(props) {
    super(); // or super(props) ?
  }
}

Answer

There is only one reason when one needs to pass props to super():
When you want to access this.props in constructor.
(Which is probably redundant since you already have a reference to it.)
This is explicitly said in one Ben Alpert's answer to similar question.

本地测试

情况1： 不写 super(props)

结果

情况2： 写 super(props)

和答案说的一样，如果想在 constructor 里面使用 this.props.xxx 就需要写， 不然可以不写

参看文章

1. http://stackoverflow.com/questions/30571875/whats-the-difference-between-super-and-superprops-in-react-when-using-e