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

时间:2018-12-10 16:00:18

标签: javascript reactjs

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

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

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

但是,问题是当我尝试在react应用中使用它时。它表示Word未定义。例如说Bootstrap 在我的反应组件中

  open() {
    Bootstrap.dostuff();
  }

这表示Boostrap未定义。但是它显然已加载,因为我可以在控制台中访问它。如何在我的React应用中使用它?

(bootstrap只是一个例子,我不能说出实际名称,因为它是私有API)

1 个答案:

答案 0 :(得分:1)

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