如何记录外部反应组件的类型

Question

我正在尝试在项目的global.d.ts中记录库的类型。

我无法弄清楚如何指定默认导出应该是具有此类道具的反应组件。

我发现有关ComponentClass的提及，但没有关于它的信息。

我想它应该是这样的：

declare module 'yes-exporting-component' {
  const PieChart: <{
    data: { color: string, value: any }[]
  }>;
  export default PieChart;
}

显然上面的语法不正确。

Answer 1

您可以尝试这样做：

declare module 'yes-exporting-component'
{
    export interface MyPropType
    {
        data: { color: string, value: any }[];
    }

    class PieChart extends React.Component<MyPropType, any>
    {

    }

    export default PieChart;
}