React 17 MFE场景下父容器跨MFE登录事件同步实现问题

我正在基于 React 17 开发微前端（MFE）示例项目，父容器中包含 Header、Auth 两个 MFE 子模块。

用户完成登录操作后，父容器会收到通知，此时需要将该登录事件告知 Header 组件，使其能够自行更新状态。

目前父容器可以正常接收来自 Auth-mfe 的消息，但不清楚如何让 Header 组件向父容器订阅该事件。

开发约束 #

• 尽量减少或消除 MFE 之间的直接通信，所有必要的交互都必须通过父容器中转
• 未使用 Redux 或任何第三方状态管理库
• 当前用户会话信息由 Auth-mfe 存储在 sessionStorage 中

父容器现有 app.js 代码片段 #

function App() {
  return (
    <BrowserRouter>
      <div>
        <Header notifySignedIn={notifySignedIn} />
        <Suspense fallback={<Progress />}>
          <Switch>
            <Route path="/auth" render={props => (
              <AuthLazy onSignin={onSignin} {...props} />
            )} />
          </Switch>
        </Suspense>
        <Footer />
      </div>
    </BrowserRouter>
  );
}

export default App;

内容的提问来源于stack exchange，提问作者Senthil