javascript - TypeScript 中 React.Component 的继承

Question

我正在尝试从 React.Component 创建一个基类，并从基类创建两个类，如下所示:

interface BaseItemProps {
    base_prop: string;
}

class BaseItem<P, T> extends React.Component<BaseItemProps, any> {
}

class ItemClass1 extends BaseItem<BaseItemProps, any> {
}


interface ItemProps extends BaseItemProps {
    item_prop: string;
}

class ItemClass2 extends BaseItem<ItemProps, any> {
}

问题是 ItemClass2 类没有将 this.props 视为 ItemProps，而是将其视为 BaseItemProps(this.props.item_prop 不可用)。我做错了什么？

Answer 1

您没有将属性的类型传递给 React.Component，P 需要传递给 React.Component，您可以使用确保它扩展 BaseItemProps

的约束

class BaseItem<P extends BaseItemProps, T> extends React.Component<P, any> {
}