reactjs - 如何在 React 中使用外部脚本而不将其添加到 html 文件中
问题描述
我试图弄清楚如何将外部 JS 添加到 React 应用程序而不将其添加到脚本标记中的 HTML 文件中。原因是我有一个组件需要访问外部脚本,但我只能通过/*global <variabe name>*/
在需要它的组件顶部添加(据我所知)将它作为全局变量访问,这不是理想的。
我基本上在寻找一个等价于
const someScript = <script type="text/javascript" src="some url"></script>
但以一种实际有效的方式
当应用程序最初加载并且可以异步进入时,不需要此脚本。
解决方案
您必须安装反应脚本使用 npm install react-script-tag 并添加导入,即 'import ScriptTag from 'react-script-tag';' 然后你就可以使用它了
推荐阅读
- c# - 在 ASP.NET ImageButton 控件中以本机大小显示 png 图像
- python - 如何获得距地球上某个点的精确距离的纬度/经度列表?
- xcode10 - Xcode 10 构建阶段 Shell 脚本
- css - 在primeng按钮上堆叠的字体很棒
- php - 表单提交时的散列变量更改
- reactjs - 如果第一个在 reactjs 中失败,则取消后续的 fetch 请求
- javascript - 如何在数据格式类似于 {"1":Data1, "2":Data2} 时将 JSON 数据解码为 php
- node.js - Docker:来自服务器的空响应
- javascript - 从反应js中的对象数组中删除一个元素
- javascript - 如果输入值为字符串,则更改窗口位置