Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在React项目中正确使用/导入JavaScript文件?_Javascript_Reactjs_Typescript_Create React App - Fatal编程技术网

如何在React项目中正确使用/导入JavaScript文件?

如何在React项目中正确使用/导入JavaScript文件?,javascript,reactjs,typescript,create-react-app,Javascript,Reactjs,Typescript,Create React App,我正试图在我的React项目中添加/导入js文件,确切地说是在一个功能组件中。我知道stackoverflow上有一些关于这个问题的答案(类似于这个问题),但我无法使用任何解决方案,或者可能是我还没有找到正确的答案。我想做的是,我有一个js文件,我想保存在src文件夹中,如果可能的话,不要公开。因此,myAnimation.js文件位于src/assets/js/文件夹中。现在,如何在React项目的功能组件中导入和运行此文件 基本上,我想在我的应用程序中添加此动画: 所以在代码笔中有三个js文

我正试图在我的React项目中添加/导入js文件,确切地说是在一个功能组件中。我知道stackoverflow上有一些关于这个问题的答案(类似于这个问题),但我无法使用任何解决方案,或者可能是我还没有找到正确的答案。我想做的是,我有一个js文件,我想保存在src文件夹中,如果可能的话,不要公开。因此,
myAnimation.js
文件位于
src/assets/js/
文件夹中。现在,如何在React项目的功能组件中导入和运行此文件

基本上,我想在我的应用程序中添加此动画:

所以在代码笔中有三个js文件,我想下载并保存在我的项目中,而不是使用这个代码笔拥有的CDN链接。那么,在我的项目中下载三个js文件并在特定组件上运行的最佳方法是什么呢?比如说,我在route
MyRoute
上导入的
MyComponent
。另外,我正在使用TypeScript。那么,在加载/装载组件并装载/创建html元素后,如何导入js文件并使它们一个接一个地运行呢


提前感谢您的时间。

React IS Javascript我更新的问题有意义吗@k-wasilewski?这是一个很酷的效果-您可以尝试将它们作为参考:这可能也会有帮助:@ColemanTO这仍然需要将js文件放在公共文件夹中可以公开访问的位置。React IS Javascript是我更新的问题吗有道理@k-wasilewski?这是一个很酷的效果-你可以尝试将它们作为引用:这可能也会有帮助:@ColemanTO这仍然需要将js文件放在公共文件夹中这样一个可以公开访问的地方。