Question

我在公共文件夹下有js文件我想包含这些js文件以响应在创建应用程序的src组件文件夹下的组件吗？

Answer 1

请阅读Using the public Folder。

通常我们建议从npm安装软件包并使用import从源代码访问它们。但是，如果必须使用不想导入的预建JS文件，可以将其添加到public文件夹（例如public/mylib.js），然后将其添加到public/index.html ：

<script src="%PUBLIC_URL%/mylib.js"></script>

然后，您可以从应用中访问全局变量，例如：

const mylib = window.mylib;

然后使用它。

希望这有帮助！

Answer 2

将它们放在与反应组件相同的文件夹中，然后将它们导入到您的反应组件中，如下所示：

＆＃13;

df = df.T.rename_axis(None, axis=1)
print (df)
               Action  Adventure  Fighting    Misc  Platform  Puzzle  Racing  \
NA_Sales       871.96     105.46    221.99  410.02    446.26  123.78  359.09   
EU_Sales       518.64      63.74    100.17  215.89    200.76   50.78  237.25   
JP_Sales       154.15      51.10     86.71  106.95    130.66   57.31   56.68   
Other_Sales    185.55      16.70     36.22   75.29     51.28   12.55   77.08   
Global_Sales  1731.26     237.23    445.05  808.79    829.30  244.95  730.40   

              Role-Playing  Shooter  Simulation   Sports  Strategy  
NA_Sales            325.89   575.16      183.31   678.78     68.59  
EU_Sales            186.77   305.57      113.29   369.49     45.02  
JP_Sales            348.64    37.67       63.40   134.59     49.41  
Other_Sales          59.17   100.27       31.52   133.05     11.32  
Global_Sales        920.57  1019.15      391.81  1316.33    174.62

＆＃13;

您还必须确保在jslibrary文件中导出函数/变量，如下所示：

＆＃13;

// importing your js file called jslibrary.js
// make sure that the file path is correct!
import { function1 } from './jslibrary.js'

＆＃13;

如果您对某个功能或变量使用export function function1() { //... do stuff } let myVar = 1234; export myVar;，则不需要像上面那样使用括号。

有关详情，我强烈推荐import和export上的文档。

如何将自定义JS文件包含在React创建应用程序中

2 个答案: