当前位置: 首页 > 面试题库 >

如何在React组件中加载脚本

吴哲
2023-03-14
问题内容

我有以下脚本文件

<script language="javascript">

document.write('<script language="javascript" src="http://tickettransaction.com/?bid='+bid+'&sitenumber='+site+'&tid=event_dropdown" ></' + 'script>');
</script>

我遵循这个在React /JSX中添加脚本标签的方法,)但是对我来说不起作用…

如何在我的react组件中加载脚本?


问题答案:

经过大量的研发,终于找到了解决方案。

我曾经 npm postscribe
在React组件中加载脚本

postscribe('#mydiv', '<script language="javascript" src="http://tickettransaction.com/?bid='+bid+'&sitenumber='+site+'&tid=event_dropdown"></script>')


 类似资料:
  • 问题内容: 我的index.html 在该函数中,我打印到控制台以查看其运行时间。 当我加载页面时,经常会 在 react组件 之后 加载。 Login.js 在调试器中,您可以看到脚本正在组件之后加载 如果我刷新页面几次,则可以正常工作。但是有时它起作用,有时却不起作用。 为什么? 问题答案: 我认为在react中加载脚本的最好方法是使用容器组件。这是一个非常简单的组件,它允许您编写将脚本导入组

  • 我发现这篇文章有类似的问题,但没有帮助。谷歌地图标记作为Reactjs组件 在我的数据库中,我存储了一些纬度和经度值。我在模型中检索这些值,以便为用户显示一些数据。我将这些值发送到一个简单的GoogleMaps组件,该组件是我根据本教程创建的https://tomchentw.github.io/react-google-maps/#introduction 组件从"道具"接收"模型",我得到这些

  • 问题内容: 我正在考虑构建一个Web应用程序,人们可以在其中安装插件。我希望插件能够定义将呈现到页面的React组件,而无需在安装插件后重新编译主JavaScript包。 所以这是我正在考虑的方法: 使用webpack 将主要的JavaScript与React作为外部库捆绑在一起。 也让插件作者使用React作为外部库来编译其组件。 这样,我只运行一个React实例。我可能可以对其他一些经常使用的

  • 问题内容: 我正在尝试在表上添加事件。这是我尝试过的: 我尝试过,但得到的结果正确,但是滚动事件从未触发过。我看着这里,但还是失败了。任何帮助将不胜感激。 问题答案: 您需要将此绑定到上下文中的元素。

  • 当用户点击下载按钮时,文件应该被下载,而不会在新标签中打开文件预览。如何实现这在反应js?

  • 问题内容: 我收到来自api的文件网址作为响应。当用户单击“下载”按钮时,应在不打开新选项卡的文件预览的情况下下载文件。如何在React JS中实现这一目标? 问题答案: 从前端触发浏览器下载不可靠。 您应该做的是创建一个端点,该端点在被调用时将提供正确的响应头,从而触发浏览器下载。 前端代码只能做很多事情。例如,取决于浏览器,“下载”属性可能只是在新标签中打开文件。 您需要查看的响应标头可能是和