Javascript 动态加载react组件

我正在努力学习react，我有了一个应用程序的想法。基本上，我希望在主应用中从辅助应用加载react组件。以下是一个例子：

主服务器-主应用程序

服务器1-应用程序1

服务器2-应用程序2

如果我进入主应用程序，我有两个选项：加载App1和加载App2。如果我单击App1，主应用程序将向Server1请求App1的js代码。它将加载此文件，然后添加App 1组件

我已经设法做了这样的事情。我已经使用CreateReact应用程序创建了主应用程序和App1。在主应用程序中，我对app1js文件执行ajax请求，并使用eval加载它。它将自动绑定到预定义的元素id

我的目标是能够将一些参数传递给app1组件，例如，加载它的元素id

---

这样做可能吗？

例如，您可以使用道具将参数从一个组件传递到另一个组件

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="Sara" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

功能欢迎（道具）{
返回Hello，{props.name}；
}
常量元素=；
ReactDOM.render(
要素
document.getElementById（'root'））
);

---

它将呈现：你好，萨拉

谢谢。我不想在同一个react应用程序中传递参数。我的主应用程序刚从辅助应用程序中获得一个网页包js。我不应该知道这个js里面有什么。我只想传递一个参数并显示收到的js。例如，如果js包含一个图表，我希望将轴的标签作为参数传递。我刚刚通过以下解决方案做到了这一点：。但我希望有一个更好的方法来使用react，而不必使用eval。也许这些应用程序可以作为react libs？比像那样传递你的参数要好得多`