错误TS2339：属性＆＃39;项目＆＃39;类型＆＃39; Readonly＆lt; {}＆gt;＆＃39;

Question

我有以下反应组件，我收到此错误：

错误TS2339：属性＆＃39;项目＆＃39;类型＆＃39; Readonly＆lt; {}＆gt;＆＃39;。

上不存在

但是州有物品属性

token

和组件：

import Customer from "./Customer";

export interface IAbstractFactoryState {  
    items: Customer[];
  }

Answer 1

错误是由于IAbstractFactoryState未被设置为AbstractFactory的状态类型。编译器认为状态将是一个空对象{}。

export default class AbstractFactory extends Component<IAbstractFactoryProps, IAbstractFactoryState> 

此外，不应通过构造函数传入状态。

constructor(props: IAbstractFactoryProps) {

对于州，请确保将所有界面成员设置为可选。

    export interface IAbstractFactoryState {  
        items?: Customer[];
    }