时间戳

首页 > 解决方案 > 延迟（）加载不加载非组件js文件反应

javascript - 延迟（）加载不加载非组件js文件反应

问题描述

我试图在反应中延迟加载常量文件。这个常量文件不是反应组件，只是简单的 javascript 文件，如下所示：

// constant.js

export const customFunction = () => {
}


// component.js
const {
customFunction,
} = React.lazy(() => import('./constant.js'));

这我无法在开发者工具源选项下的浏览器中找到。也由于这个得到customFunction未定义的错误。如果进行正常导入，此代码将起作用。customFunction使用下useEffect()

import {
customFunction
} from './constant.js';

标签： javascriptreactjslazy-loadingjquery-lazyload

解决方案

不要将import语句包装在React.lazy. 而是仅使用import()which 返回 aPromise并解析为上述文件的内容

这是一个工作示例

推荐阅读