将使用 create-react-app 创建的 React 应用程序集成到外部应用程序中

Question

我正在使用create-react-app-typescript创建一个反应应用程序。 我要做的是build应用程序，然后将生成的js和CSS文件包含到另一个应用程序中（这是一个非常老的应用程序，对 React 或任何新的 JavaScript 功能一无所知）

我的问题：我希望能够将信息传递给我的 React 应用程序； 例如，我想指定一个数组用于显示信息，但问题是，只要我在 React 的js文件中添加<script>标签，它就会尝试在目标div元素下创建应用程序。

不确定这是否是个好主意，但我尽量避免eject我的 React 应用程序，这样我就不需要自己维护所有东西。

我想到的一个解决方案是在localStorage创建一个项目，然后从我的 React 应用程序中读取它，这以某种方式解决了问题，但这是一个好方法吗？

然后还有另一个问题：我希望能够从外部应用程序传递一个回调，以便从我的 React 应用程序调用，以导致我的外部应用程序中发生某些事情，而这不能使用localStorage来完成

非常感谢任何帮助或提示，谢谢

Answer 1

您根本不必弹出项目。 一种可能的解决方案（可能不是最好的）只是更改您的index.js以公开您的应用程序。 因此，不是直接“渲染”应用程序，而是执行以下操作

// needed imports

window.startFromOutside = function(element, callback) {
  ReactDOM.render(<ReactApp cb={callback} />, element)
}

这样你就可以从外部引导你的 React 应用程序，传递你想要的任何属性。