reactjs - 在两个独立的 React 应用程序之间共享状态

Question

我想在两个独立的反应应用程序之间共享一些数据（状态）（它们彼此不了解）假设后端将发送带有特殊 id-s 的几个 div 的 HTML 页面，可以说：#first-app #second- app React，会认出这个，他将根据嵌入到 HTML 标记中的配置（例如使用数据集属性）构建应用程序，它的所有好但应用程序将是两个独立的项目

第一个应用程序将有一个按钮，该按钮会将一些值增加 1

    <button onClick={()=>{}}>Increase value by 1</button>

并且值会在第二个App中渲染

   <div> {value} </div>

但是如何连接这两个应用程序以让它们进行通信呢？或共享状态，也许与 Redux？此外，应用程序的数量将是“动态的”，它们将呈现在 HTML 标记的顶部，因此可以说更多的应用程序来呈现“值变量”的值

标签： reactjsreduxstatecommunicationmicro-frontend