javascript - 无法注入(inject)外部JavaScript库以响应程序

我的用例是将headwayapp.co集成到我的React应用程序中。

我正在尝试通过react组件注入js

headwayapp的代码如下注入

<script src="//cdn.headwayapp.co/widget.js"></script>
<script>
  var config = {
    selector: ".CHANGE_THIS",
    account: "ACCOUNT_ID"
  };
  Headway.init(config);
</script>

虽然我尝试了多种方式将代码注入到react中。

在大多数情况下，我无法理解如何处理生产线

Headway.init(config);

由于反应无法理解什么是Headway变量？

最佳答案

要将代码注入到您的react应用程序中，您只需将这些脚本标签放置在react app的index.html文件中即可。然后，您将可以在任何反应组件中访问Headway变量，如下所示：window.Headway

因此，基本上，http://cdn.headwayapp.co/widget.js中的代码将在您放置脚本标记的位置加载到您的应用程序中。该代码将Headway声明为全局变量，并且全局变量位于应用程序的window object中。不管它是否是React应用都没有关系。

关于javascript - 无法注入(inject)外部JavaScript库以响应程序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57641662/