从外部javascript文件调用React组件

Question

我有一个React应用程序，我有一个通过webpack生成的bundle.js文件，其中包含该应用程序的所有代码。

现在，我有一个单独的dotnet应用程序。 我想在此dotnet应用程序中呈现我的react应用程序的顶级“ App”组件。

如何做到这一点？

Answer 1

如果您有权访问dotnet应用程序的标记，则应该能够在<script>标记中包含bundle.js文件，并将react应用程序安装到具有id属性的指定元素上。

JS示例（在bundle.js文件中）：

ReactDOM.render(<App />, document.getElementById('divParent'))

HTML示例：

<body>
  <div id='divParent'></div>
  <script src='http://{yourdomain}/bundle.js' />
</body>