react引入本地js文件

2023-08-19 11:47| 来源: 网络整理| 查看: 265

要在React中引入本地JS文件，您可以使用标准的HTML 标记或使用ES6模块。

如果您想使用标记，请将以下代码添加到您的React组件中：

componentDidMount() { const script = document.createElement("script"); script.src = "/path/to/your/script.js"; script.async = true; document.body.appendChild(script); }

这将在组件加载完成后动态地向页面添加一个标记，并将其源设置为您的本地JS文件的路径。

如果您想使用ES6模块，可以按照以下步骤操作：

将您的本地JS文件导出为模块。例如，您的文件名为script.js，它包含以下内容： export const myFunction = () => { console.log("Hello, World!"); } 在您的React组件中，使用import语句将模块导入： import { myFunction } from './path/to/your/script.js'; 您现在可以使用myFunction函数在您的React组件中执行您的本地JS文件中的代码： componentDidMount() { myFunction(); }

请注意，在React中引入本地JS文件需要遵循一些最佳实践，例如使用动态导入或懒加载来提高性能。此外，确保您的本地JS文件不会与React代码冲突，并且遵循React的最佳实践和规范。

【本文地址】

公司简介

联系我们