Question

浏览@types/leaflet中的类型定义时，您会看到类似于以下内容的自定义控件：

export namespace Control {
    ...
    class Zoom extends Control {
        constructor(options?: ZoomOptions);
        options: ZoomOptions;
    }
    ...
}

但是，通过以下方式创建自定义控件时：

declare module 'leaflet' {
    namespace Control {
        class CustomControl extends Control {
            constructor(options: CustomOptions);
        }
    }
    namespace control {
        function customControl(options: CustomOptions): Control.CustomControl;
    }
}

L.Control.CustomControl = L.Control.extend({
    ...
});

引发打字错误： Type '(new (...args: any[]) => any) & typeof Class' is missing the following properties from type 'typeof CustomControl': Zoom, Attribution, Layers, Scale, and 6 more.

这似乎是由于名称空间和类Control经过Typescript的声明合并而发生的。这导致CustomControl要求名称空间中的属性，而不仅仅是类。

是否有一种方法可以解决此问题或避免其发生而无需强制使用类型any？

Answer 1

我们需要为方法“ extend”添加更多类型。

在控件声明之前插入此代码

declare module 'leaflet' {
  namespace Control {
    function extend(props: any): {new(...args: any[]): any} & typeof Control;
  }
}

有成员

declare module 'leaflet' {
  namespace Control {

    function extend<T extends Object>(props: T): {new(...args: any[]): T} & typeof Control;
  }
}

您可以为Handler添加相同的声明

如何定义自定义传单控件的类型

1 个答案: