从外部 javascript 文件调用 React 组件答案

【问题标题】：Invoke React component from an external javascript file从外部 javascript 文件调用 React 组件
【发布时间】：2018-02-12 19:17:50
【问题描述】：

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

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

如何做到这一点？

【问题讨论】：

【解决方案1】：

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

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

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

示例 HTML：

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

【讨论】：

感谢您的回复。我已经在这样做了，但是组件永远不会被渲染。它说应用程序未定义。
code
尝试在 bundle.js 文件中只使用 <script> 标记，而不是在 jQuery 中使用其他 <script> 标记。如果 bundle.js 文件以ReactDOM 和 id divParent 为目标，它应该可以工作。查看我的编辑..
问题是我必须从我的 dotnet 应用程序中传递 id，因为它将动态生成。