太长了;如何在反应微前端之间使用单一上下文?
应用程序分为多个微前端或反应应用程序。其中每个都在不同的端口上运行。容器正在托管其他微前端。每个都是一个单独的反应应用程序,并且它是一个运行时集成。(我使用martinfowler示例来实现微前端)
目前通过 URL 和浏览器存储(localStorage/cookies)将一些数据传递到其他微前端。
我需要使用 React Context 在这些 React 应用程序 (MFE) 之间传递数据。
我已经在容器(ReactApp1)中定义了 ReactContext Provider 并存储了值(比如 color=black)。要在较低级别的微前端 (ReactApp2) 中访问此颜色,我们需要可从任何微前端获取上下文。如何使其可用?
(注意:我不想使用 localStorage 或 cookie 进行全局数据共享)
<Container>
<LowerLevelMFE1/>
<LowerLevelMFE2/>
...
</Container>
Run Code Online (Sandbox Code Playgroud)