请阅读使用public文件夹。

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

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

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

const mylib = window.mylib;

然后使用它。

希望这可以帮助！

将它们与你的 react 组件放在同一个文件夹中，然后简单地将它们导入到你的 react 组件中，如下所示：

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

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

export function function1() {
  //... do stuff
}

let myVar = 1234;
export myVar;

如果您export default在函数或变量上使用，则不需要像上面那样使用方括号。

有关更多信息，我强烈推荐有关import和export的文档。