Entur 伙伴微前端组件

这个包包含了Entur伙伴微前端的组件,钩子和帮助器.

安装

npm install @entur-partner/micro-frontend

# or if you are using Yarn:
yarn add @entur-partner/micro-frontend

使用量

注册微前端

registerMicroFrontend 听到挂载和卸载事件 window。 电话 mount 财务报告和审定财务报表 unmount 当事件ID开始时 microFrontendId。 。 。 . mount 得到组件 和有效载荷 从应用外壳. 函数返回另一个删除听众的函数.

反应 :

import { registerMicroFrontend } from "@entur-partner/micro-frontend";
import { createRoot, type Root } from "react-dom/client";

let root: Root | undefined;

registerMicroFrontend({
    microFrontendId: "PermissionAdmin",
    mount: (mountPoint, payload) => {
        root = createRoot(mountPoint);
        root.render(<App {...payload} />);
    },
    unmount: () => {
        root?.unmount();
        root = undefined;
    },
});

使用 registerPublicMicroFrontend 同样的微前端 用户可以在不登录的情况下打开. 其有效载荷可能没有 user, (中文(简体) ), getToken, (中文(简体) ), organisationId 或者说 logout。 。 。 .