首页 > 解决方案 > 使用 Typescript 对 React 中的生命周期方法进行隐式类型检查

问题描述

在使用 Typescript 的 React 中,我们可以这样做:

  constructor(props: Props) {
    super(props);
    this.state = {
      teams: []
    };
  }

显式地让 typescript 编译器知道哪些 props 将传递给构造函数生命周期方法。但是我们已经在类声明中让组件知道了组件中有哪些props

extends Component<Props, State> {

因此,在所有生命周期方法中再次指定这一点似乎是多余的。组件类型文件似乎支持这个(@types/react v. 16.4.16):

    class Component<P, S> {
    constructor(props: Readonly<P>);

所以问题是为什么这不起作用?(打字稿诉 2.9.2)

在此处输入图像描述

标签: reactjstypescript

解决方案


推荐阅读