从外部javascript文件调用React组件

Question

I have a react application and I have a bundle.js file generated through webpack which has all the code for that application. 我有一个React应用程序，我有一个通过webpack生成的bundle.js文件，其中包含该应用程序的所有代码。

Now I have a separate dotnet application. 现在，我有一个单独的dotnet应用程序。 I want to render the top level 'App' component of my react application in this dotnet application. 我想在此dotnet应用程序中呈现我的react应用程序的顶级“ App”组件。

How can this be achieved? 如何做到这一点？

Answer 1

If you have access to the markup for the dotnet application you should be able to include the bundle.js file in a <script> tag and mount your react app to a specified element with an id attribute. 如果您有权访问dotnet应用程序的标记，则应该能够在<script>标记中包含bundle.js文件，并将react应用程序安装到具有id属性的指定元素上。

Example JS (in your bundle.js file): JS示例（在bundle.js文件中）：

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

Example HTML: HTML示例：

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

从外部javascript文件调用React组件

问题描述

1 个解决方案

解决方案1
0 2018-02-13 04:32:59

从外部javascript文件调用React组件

问题描述

1 个解决方案

解决方案1 0 2018-02-13 04:32:59

解决方案1
0 2018-02-13 04:32:59