如何使用react加载外部脚本？

Question

我刚刚克隆了create-react-app并将一个外部脚本放入public/index.html

  <head>
    <script src="https://myexternalscript"></script>

我正在使用的脚本然后允许我在控制台和页面上使用其API

但是，问题是当我尝试在react应用中使用它时。 它说未定义Word 。 例如，可以说这是我的react组件中的Bootstrap

  open() {
    Bootstrap.dostuff();
  }

这是说Boostrap没有定义。 但是它显然已加载，因为我可以在控制台中访问它。 如何在我的React应用中使用它？

（bootstrap只是一个例子，我不能说出实际名称，因为它是私有API）

Answer 1

使用window.Bootstrap ，而不只是Bootstrap 。 当您简单地说Bootstrap ，JavaScript会扩大作用域，直到找到包含Bootstrap变量的作用域。 如果指定window ，则它将直接直接访问全局范围。