如何使用打字稿estructure扩展本机组件?

时间:2018-11-23 17:33:31

标签: reactjs inheritance

我需要使用Parent Class来扩展两个孩子。

我的孩子们:

表格:

// Interfaces
interface FormProps {
  navigation?: CustomNavigationType;
}

interface FormState {
  showActivityIndicator: boolean;
  formComps: Forms[];
}

export default class Form extends React.Component<FormProps, FormState> {
   ...
}

列表:

// Interfaces
interface ListProps {
  navigation?: CustomNavigationType;
}

interface ListState {
  listData: ListData[];
}

export default class List extends React.Component<ListProps, ListState> {
   ...
}

每个人都有其自己的类型。

ParentClass:

// Interfaces
interface ParentProps extends ListProps, FormProps {}

interface ParentState extends ListState, FormState {
  currentChild: string;
}

export default class Parent extends React.Component<ParentProps, ParentState> {
   ...
}

我的问题是:

  • 在每个孩子中,如何扩展ParentClass而不是React.Component <props, state>而又不丢失仅属于它的接口?

0 个答案:

没有答案