react如何导入js
在 React 中导入 JavaScript 文件
React 支持多种方式导入 JavaScript 文件,具体方法取决于文件类型和用途。
导入本地 JavaScript 文件
使用 import 语句导入项目中的 JavaScript 文件:
import MyComponent from './MyComponent.js';
如果文件扩展名是 .js,可以省略扩展名:

import MyComponent from './MyComponent';
导入第三方库
通过 npm 安装的第三方库可以直接导入:
import React from 'react';
import lodash from 'lodash';
动态导入(懒加载)
使用动态导入实现代码分割:

const OtherComponent = React.lazy(() => import('./OtherComponent'));
导入非模块化脚本
对于传统的非模块化脚本,可以在 public/index.html 中使用 <script> 标签:
<script src="%PUBLIC_URL%/path/to/script.js"></script>
注意事项
确保导入路径正确,相对路径以 ./ 或 ../ 开头。
模块化脚本应该使用 export 导出内容,非模块化脚本可能需要全局变量访问。
使用 Create React App 创建的项目已经配置好模块系统,无需额外设置。






