如何在 React.js 中导入 JS答案

【问题标题】：How to import JS in React.js如何在 React.js 中导入 JS
【发布时间】：2022-01-18 09:25:19
【问题描述】：

我下载了一个模板并将所有的 CSS 放在一个文件夹中，然后将其导入到 App.js 文件中，现在我想导入 JavaScript 文件，但是它给出了错误，我什至使用 / * global jQuery * / 并将其放入 index.js 文件中。但是还是报错

是否可以导入 JS 文件？如果有，谢谢您的回复

错误图片：Error Text

更新

在 App.js 中

import './App.css';
import './dist/css/adminlte.min.css';
import './dist/css/bootstrap-rtl.min.css';
import './dist/css/custom-style.css';
import './plugins/font-awesome/css/font-awesome.min.css';
import 'jquery';
import jQuery from 'jquery';
import $ from 'jquery';
import './dist/js/adminlte.js';

【问题讨论】：

如果是普通的js或者jquery文件，像普通html一样公开链接到index.html中
您能否提供更多有关您的代码的信息，以便其他人可以快速找到问题
@screwspike 你去我更新了问题
在脚本标签中添加css和js文件。您可以将它们添加到您的 index.html (<script type="text/javascript" src="./dist/js/adminlte.js">) 中，也可以创建一个包装反应组件来加载脚本并提供一种与其加载的模块进行交互的方式。
@Gandzal 我也这样做了.....，它不起作用

标签： javascript html reactjs

【解决方案1】：

您通常可以像任何其他 React 组件一样导入您的 JS 文件。

JS：export function myfunc(){return "Your JS stuff here")

反应：import {myfunc} from "wherever"

【讨论】：