typescript - TS2740 Type is missing the following properties from ReadOnly error in React Native with TypeScript 应用程序

Question

由于 StatelessComponent 已被弃用，我正在尝试将所有组件转换为类。

我有一个接口(interface)，例如:

interface MyInterface{
    prop1: number;
    prop2: boolean;
}

我在类里面使用它:

class MyComponent extends React.Component<MyInterface> {
   ...
   public render(){...}
}

当我尝试像这样使用 MyComponent 时:

<MyComponent 
    prop1={3}
    prop2={false}
/>

我收到这个错误:

TS2740: Type {prop1: 3, prop2: false} is missing the following properties from type ReadOnly: render, context, setState, forceUpdate, and 3 more.

有什么解决办法吗？

Answer 1

我终于通过将类的声明更改为 class MyComponent extends React.Component<any, MyInterface> 解决了这个问题。 .