javascript - 无法将外部 JavaScript 库注入(inject) React 程序

Question

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

我正在尝试通过 React 组件注入(inject) js

headwayapp注入(inject)代码如下

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

尽管我尝试了多种方式将代码注入(inject)到 react 中。

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

Headway.init(config);

因为 React 无法理解什么是 Headway 变量？

Answer 1

要将该代码注入(inject)您的 React 应用程序，您只需将这些脚本标签放入您的 React 应用程序的 index.html 文件中。然后，您将能够像这样访问任何反应组件中的 Headway 变量:window.Headway

基本上，http://cdn.headwayapp.co/widget.js 中的代码将在您放置脚本标签的位置加载到您的应用程序中。该代码将 Headway 声明为全局变量，并且全局变量存在于您应用的 window 对象 中。它是否是 React 应用程序并不重要。