reactjs - 如何键入自定义的 Pilet api？

Question

我们正在使用微前端框架piral。对于我们的 pilet，我们希望提供一个自定义 api。按照教程，我们想出了这样的代码

export interface MyApi {
  example(): void;
}

export function createMyApi(): Extend<MyApi> {
  return context => {
    return (api, target) => {
      return {
        example() {
          alert(`Hello from ${target.name}!`);
        }
      };
    };
  };
}

虽然这似乎在功能上有效，但我们无法让它与 typescript 一起使用。我们做错了什么？我们如何在我们的桩中也提供打字？

Answer 1

我认为您可能缺少正确的声明合并。

import { PiletApi } 'piral-core';

declare module 'piral-core/lib/types/custom' {
  interface PiletCustomApi extends MyApi {}
}

总而言之：

import { PiletApi } 'piral-core';

export interface MyApi {
  example(): void;
}

declare module 'piral-core/lib/types/custom' {
  interface PiletCustomApi extends MyApi {}
}

export function createMyApi(): Extend<MyApi> {
  return context => {
    return (api, target) => {
      return {
        example() {
          alert(`Hello from ${target.name}!`);
        }
      };
    };
  };
}

希望有帮助！