在 React 微前端中使用或部分重用 Angular 服务

Question

我正在开发一个应用程序，它使用 single-spa 将 Angular 和 React 微前端集成到 Angular 主机页面上。

React 微前端最近被引入到应用程序中，而之前它只是一个具有各种 Angular 微前端的 Angular 主页。

我在一个单独的库中有一些需要在反应微前端中使用的角度服务，但我绝对想尽可能多地重复使用代码，或者如果可能的话直接使用反应微前端中的角度服务而不做太多改变到原始代码。

@Injectable({
  providedIn: 'root',
})
export class AngularService {
 ...
}

我的一些初步想法是让打字稿“服务”作为基础并在角度服务中使用它。

export class BaseService {
 ...
}

@Injectable({
  providedIn: 'root',
})
export class AngularService {
 ...
 constructor() {
   this.baseService = new BaseService();
 }
 ...
}

另一个想法是总共有三个库，一个公共库，然后是一个依赖于公共库的角度和反应特定库。

另外，在react中相当于一个Angular服务是什么？反应钩子？

我猜我也可以不使用服务，只创建一个导出单个函数的打字稿模块？

任何建议表示赞赏。