Reactjs 在单个SPA中是否有方法将值从一个react应用程序传递到另一个react应用程序

我正在使用

singlespa

和

React

创建微型前端架构

目前，我有3个react应用程序：

导航栏应用程序：始终加载此应用程序。它有两个菜单，一次加载下面的一个React应用程序

React应用程序R1:此加载路由“/R1”

React应用程序R2:这将加载路由“/R2”

根据

single spa

文档，当我们注册React应用程序时，然后根据传递给

registerApplication

的

activeWhen

字段，single spa将决定是否必须装载该应用程序

示例代码：

import { registerApplication, start } from "single-spa";

 registerApplication( 
  name: "R1",
  app: () =>System.import("R1"),
  activeWhen: ['/r1'],
  customProps: { domElement: document.getElementById('page-1-container') }
);

情景：

React应用程序R1安装在路线“/R1”下

React应用程序R2安装在路由“/R2”下

我们在r1路线，所以安装了应用程序r1。在这里，我们通过单击按钮发送一个自定义事件

然后我们转到route/r2，这样应用程序R1将被卸载，而应用程序r2将被装载。我已在应用程序R2中注册了一个事件侦听器，以侦听来自应用程序R1的事件

问题： 来自R1的事件在单击按钮时抛出，但由于没有安装R2（直到我们移动到route/R2），所以没有侦听器来侦听来自R1的事件

有没有办法实现这一点？

有人能帮忙吗。非常感谢您的帮助