导出接口和类扩展 Component/PureComponent

Question

我正在学习一些 react 和 react native 并且对以下内容有疑问

export interface A {
  data: books;
  actions: actions;
  status: statusReport;
}

class myClass extends PureComponent<A> {
}

有人可以解释当我们在做export interface A 然后我们在为myClass 类做<A> 时是什么意思。

Answer 1

接口声明定义了一个类型。任何实现A的对象或类都必须具有A定义的特征；因此，它必须具有三个属性：data、actions 和 status。

let a: A = {

    // required
    data: {},
    actions: {},
    status: {}, 

    // illegal
    next: {},
};

PureComponent<A> 定义了一个带有A 类型的props 的反应组件。 这意味着props 具有三个属性：data、actions 和status。

有关详细信息，请参阅type definitions here。 PureComponent 类扩展了Component 类，Component 类有一个接收props 的构造函数。