如何在React的</body>标签中添加<script> js include？

Question

如何在React的页面底部添加js include？标签上方。正在寻找真正清晰的解释，因为我是React的新手。

谢谢

Answer 1

如果这是一个外部脚本，并且您不需要与执行或事件进行交互，则只需将其添加到</body>模板中的index.html标记之前即可。这基本上与您处理任何其他HTML文档相同。

如果您需要在React应用程序内部添加事件挂钩或处理程序，则可能希望将其呈现为组件，并且可能已实现了生命周期事件。

Answer 2

签出create-react-app作为引导项目的一种方法。 React应用程序需要一个根节点才能挂载。这位于HTML文件中。使用CRA时，所有这些配置均已为您设置。

然后，您可以直接将脚本直接添加到HTML文件。

index.html文件位于公用文件夹中。应用程序运行时，您添加到该index.html文件中的所有内容都将可用。只要确保不要删除<div id='root' />标签即可。

这是一种更简单的方法。