首页 > 解决方案 > 如何在 React 中使用外部脚本而不将其添加到 html 文件中

问题描述

我试图弄清楚如何将外部 JS 添加到 React 应用程序而不将其添加到脚本标记中的 HTML 文件中。原因是我有一个组件需要访问外部脚本,但我只能通过/*global <variabe name>*/在需要它的组件顶部添加(据我所知)将它作为全局变量访问,这不是理想的。

我基本上在寻找一个等价于

const someScript = <script type="text/javascript" src="some url"></script>

但以一种实际有效的方式

当应用程序最初加载并且可以异步进入时,不需要此脚本。

标签: reactjsglobal-variablesexternal-script

解决方案


您必须安装反应脚本使用 npm install react-script-tag 并添加导入,即 'import ScriptTag from 'react-script-tag';' 然后你就可以使用它了


推荐阅读