将我的HTML代码与React应用程序合并

Question

我一端有一个简单的html，css和js应用程序，另一端有一个完整的react js应用程序。我希望将我的简单应用程序与我的React应用程序集成在一起，以便两者共同为我工作。有人可以帮忙吗？

Answer 1

这将取决于您的React应用程序的详细信息（请参见my comment）。

但是在简单的情况下，您的React应用在启动时会在以下几行包含代码：

ReactDOM.render(<App />, document.getElementById("root"));

（App和root部分会有所不同。）告诉React创建App组件并 mount id "root"放在DOM中的元素上。

要将React应用程序集成到您的其他页面中，您将

• 确保存在React用来安装应用程序的元素（例如id="root"元素）
• 确保ReactDOM.render调用正在使用该元素
• 确保React应用程序所需的脚本包含在HTML中

这是一般想法。当然，有关详细信息，请参考the documentation。

Answer 2

在您的html应用程序中创建一个容器元素，然后将您的react应用程序指向要渲染到该html容器中的元素。我的意思是用您的html应用替换您的react apps模板，并再添加1个容器元素以将react渲染为（ReactDOM.render）