在使用ES6类时，“超级()”和“超级(道具)”有什么区别？

Question

在使用ES6类时，“超级()”和“超级(道具)”有什么区别？

什么时候通过？props到super()为什么？

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

Answer 1

当一个人需要通过时，只有一个原因。props到super():当你想要访问this.props在构造函数中。经过：class MyComponent extends React.Component {         constructor(props) {         super(props)         console.log(this.props)         // -> { icon: 'home', … }     }}未通过：class MyComponent extends React.Component {         constructor(props) {         super()         console.log(this.props)         // -> undefined         // Props parameter is still available         console.log(props)         // -> { icon: 'home', … }     }     render() {         // No difference outside constructor         console.log(this.props)         // -> { icon: 'home', … }     }}请注意，经过或不通过props到super有无效关于以后使用this.props外constructor..那是render, shouldComponentUpdate，或事件处理程序总能接触到它。这在索菲·阿尔伯特的书中有明确的说法回答一个类似的问题。文件-状态和生命周期，将本地状态添加到类中，点2-建议：类组件应该始终使用props.但是，没有提供任何理由。我们可以推测，这要么是子类的原因，要么是为了将来的兼容性。