Question

我最近开始使用React并了解框架的工作原理，

下面我有两段代码，只是想知道它们之间的区别（当然我不是在询问语法上的差异）以及为什么其中一条会出错。

此作品

interface Square {
  value:String;
}

class Square extends React.Component<Square,{}> {

}

此错误会出现以下错误

[ts]通用类型＆＃39;组件＆＃39;需要2个类型的参数。

class Square extends React.Component {}

我在网上看到很多扩展 React.Component 来编写新组件的例子，我想我在这里遗漏了一些东西。

Answer 1

因为您使用的是TypeScript。

您在互联网上看到的代码class xxx extends React.Component只是ES6代码。

这是一个用TypeScript编写的简单React代码：

interface SomeProps {
    blabla: string;
}

class SomeComponent extends React.Component<SomeProps, any> {
    constructor(props: SomeProps) {
        super(props);
    }

    render() {
        return <h1>{this.props.blabla}</h1>;
    }
}

扩展React.Component类

1 个答案: