Javascript 通过同一应用程序的API更改react应用程序的状态

我正在做一个巨大的项目，其中功能被划分为一个单独的react项目

考虑以下场景

这里的

BaseReactApp

是包装器应用程序，其中每个块都将被合并。现在我的问题是我想通过iframe下面显示的按钮与

ReactApp1

（显示在iframe-蓝色区域）的状态交互

我正在考虑这样一个场景：单击按钮1，某种API与ReactApp1交互，并更改显示在那里的应用程序的状态。但我不确定它是否有效

我尝试在ReactApp1中创建一个路由来更改应用程序的状态，并通过按钮1点击该URL，但它不起作用。我想是因为背景问题

请让我知道如何才能实现这样的目标

---

附言：ReactApp1纯粹是一个react项目。大多数情况下，它将托管在不同的位置。

因此，您要么拥有一个共享状态，它将生活在

BaseReactApp

中，并将所有其他组件连接到它，要么您可以通过

iframe

与之通信，因此您要么拥有一个共享状态，它将生活在

BaseReactApp

中，并连接所有其他组件组件，或者您可以通过与

iframe

进行通信如果您的不同模块URL都位于同一个域上，您可以使用状态管理框架（例如，，…）并利用窗口使其在iframe之间进行通信。父级（iframe到父级）和iframe.contentWindow（iframe的父级）属性来全局访问您的存储。

如果您的不同模块URL都位于同一个域上，您可以使用状态管理框架（例如，，…）并使其利用窗口在iframe.parent（iframe到父级）之间进行通信和iframe.contentWindow（iframe的父级）属性来全局访问您的存储。

您的项目结构如何。。。？如果两个项目都在一个父目录中，您可以在根目录级别使用redux，并使用根redux连接两个项目。如果您通过its根组件而不是iframe包含内部应用程序，会怎么样？这样，您就可以向它传递道具了。@Ashish大多数情况下，这两个项目都将位于不同的位置。@ChrisG如果可以集成这两个项目，那么这个问题可能不会出现。好的，socket.io呢？您的项目结构如何。。。？如果两个项目都在一个父目录中，您可以在根目录级别使用redux，并使用根redux连接两个项目。如果您通过its根组件而不是iframe包含内部应用程序，会怎么样？这样，您就可以向它传递道具了。@Ashish大多数情况下，这两个项目都将位于不同的位置。@ChrisG如果可以集成这两个项目，那么这个问题可能不会出现。对，socket.io呢？