如何在react中包含外部javascript

如何在react中包含外部javascript,javascript,html,reactjs,jsx,Javascript,Html,Reactjs,Jsx,在html页面中,您可以通过 如果路径是,例如,在react中,如何从外部路径获取变量: 感谢您的帮助以这种方式加载的脚本通常会作为全局变量和/或某些其他全局库的属性进行安装 根据,当您以这种方式安装flux sdk helpers时,flux sdk helpers将自身安装为全局变量FluxHelpers 这意味着您的React代码可以通过FluxHelpers或窗口访问它。FluxHelpers如果您正在使用React,那么您可能还应该了解webpack 如果您将使用webpack,那么

在html页面中,您可以通过
如果路径是,例如,在react中,如何从外部路径获取变量:


感谢您的帮助

以这种方式加载的脚本通常会作为全局变量和/或某些其他全局库的属性进行安装

根据,当您以这种方式安装flux sdk helpers时,flux sdk helpers将自身安装为全局变量
FluxHelpers


这意味着您的React代码可以通过
FluxHelpers
窗口访问它。FluxHelpers

如果您正在使用React,那么您可能还应该了解webpack


如果您将使用webpack,那么您可以非常轻松地从“包”导入{method}您从NPM(节点包管理器)获得的大多数脚本。

您可以将其链接到index.html文件中,只是在进行此操作时要小心您所称的内容,以免在不同的位置重复使用名称

所以,我只是想一想,我将文件包含在index.html的头部,然后我必须“从”…”导入FluxHelpers;还是别的什么?它会以其他方式给我错误。如果将其作为脚本标记包含,则不需要导入它。只需使用变量。但是,您可能有eslint或编译器设置,这些设置将在未知变量上生成错误,并且由于它不知道您的脚本标记,因此将在编译时抛出错误。使用
window.FluxHelpers
将“愚弄”编译器使其工作。如果是eslint错误,可以将变量添加到eslintrc中的全局变量列表中。实际上,对于这个库,最好使用
npm安装
,然后导入它。FluxHelper文档展示了如何做到这一点。请您选择一个答案来帮助遇到此问题的其他人。一个好答案是:以这种方式导入与外部文件无关。我以这种方式导入所有外部库。也许我做错了什么,但是从“或
导入”
作为
import*导入对我不起作用。你能举个例子吗?如果是外部url是的,我认为这是做不到的。我的意思是作为npm包获得的外部文件。如果你在回答中明确这一点,我可以删除-1