如何将react应用程序集成到静态HTML网站中?

Question

我试图用react构建一个结帐表单，它将包含很多动态组件。我知道如何创建一个react应用程序，但我不知道是否可以添加一个小的react应用程序到一个网站的不同的html网页-或许多小应用程序到这些页面

这样我们就得到了checkoutFormApp:

• 未添加到index.html
• 添加到myWonderfulProduct.html
• 添加到myWonderfulProduct2.html
• 未添加到/blog/*

然后是第二个appmemberAccess:

• 未添加到index.html
• 添加到members/index.html

等。

我目前正在使用Jerkyll来构建静态网站，所以我也想知道在哪里放置react-App，以便我可以开发它。

感谢

Answer 1

每个React应用程序都有一个入口点:react-dom模块的render方法(在这种情况下，您使用的是web版本)。

在这个方法中，你必须提供应用的根组件，和HTML节点，你想把你的应用放在DOM树中。通常，这些节点被称为#root,#app，或者其他一些清楚地说明你的应用程序存储的地方。

然而，你可以传递任何DOM节点，这样你就可以有你的HTML和所有其他的东西，以及另一个DOM元素，你可以以某种方式识别你的react应用程序可以在哪里加载。