OpenSeadragon 在類型定義中缺少道具

Question

我有一個用 React Typescript 編寫的應用程序，並使用 OpenSeadragon ( https://openseadragon.github.io/ ) 來顯示圖像。 要獲取 OpenSeadragon 的類型定義，我使用 @types/openseadragon： https://www.npmjs.com/package/@types/openseadragon

我想使用來自 OpenSeadragon 的工具欄道具（ https://openseadragon.github.io/examples/ui-toolbar/ ），但是，類型定義中缺少此道具。 所以，當我嘗試在代碼中使用道具時：

OpenSeadragon({
                id: 'openseadragon-container',
                toolbar: 'toolbarDiv',
            });

我收到以下錯誤：

（屬性）工具欄：字符串類型的參數'{ id：字符串； 工具欄：字符串； }' 不可分配給“選項”類型的參數。 Object 文字只能指定已知屬性，並且“選項”類型中不存在“工具欄”。

我想知道是否有任何方法可以克服這個問題以及如何使用工具欄道具？ 有什么建議么？

Answer 1

解決此問題的一種方法是創建Options類型的interface並在其中包含toolbar 。 因此，您將擴展現有的Options類型並包含您需要的所有參數。

interface OptionsWithToolbar extends OpenSeadragon.Options {
  toolbar: string;
}

OpenSeadragon({
  id: "openseadragon-container",
  toolbar: "toolbarDiv"
} as OptionsWithToolbar);