理解为什么在React类组件中不建议使用Super（）

Question

我是React新手，我正在使用最新版本的React学习React组件生命周期。我对下面部分代码的“super”调用被标记为不推荐使用的警告。我很难理解这一点，因为很多文档仍然使用“super”，而且我不确定后续版本是什么，即使是从反馈中链接的完整文章中。有什么想法吗？谢谢

class App extends Component {
  constructor(props) {
    super(props);
  }
}

警告如下：

constructor React.Component<any, any, any>(props: any, context?: any): React:Component<any, any, any> (+1 overload)
@deprecated
@see - https://reactjs.org/docs/legacy-context.html
'(props: any, context?: any): Component<any, any, any>' is deprecated ts(6385)

Answer 1

可选的上下文参数似乎已被弃用，因为它引用了旧的React上下文（v16.3之前）。您使用的是什么版本的React？

https://reactjs.org/docs/legacy-context.html

我没有使用React with TypeScript。也许反应映射已经过时了。

Answer 2

super（道具） 尚未被弃用。该弃用消息实际上是由React的类型定义文件中的错误引起的，并已在@types/React 16.9.51中修复。只要升级软件包，您就可以开始了：

npm install @types/react

Answer 3

只有在构造函数中使用this.props时，才需要Super（props）；。否则，您可以使用Super（）；如果您在构造函数中使用Super（）；，那么在构造函数之外调用this.props不是问题。您可以在以下链接中阅读：https://overreacted.io/why-do-we-write-super-props/

class Button extends React.Component {
  constructor(props) {
    super(); //we forgot to pass props
    console.log(props); //{}
    console.log(this.props); //undefined
  }
  // ...
}

如果这种情况发生在从构造函数调用的某个方法中，则可能更具挑战性。这就是为什么我建议总是传递super（道具），即使它不是必需的。

class Button extends React.Component {
  constructor(props) {
    super(props); //we passed props
    console.log(props); //{}
    console.log(this.props); //{}
  }
  // ...
}