#React 惰性函数支持命名导出吗？

否，当前React.lazy功能仅支持默认导出。如果要导入名为exports的模块，则可以创建一个中间模块，将其重新导出为默认模块。它还可以确保摇树保持正常，并且不会拉扯未使用的组件。让我们以导出多个命名组件的组件文件为例，

// MoreComponents.js
export const SomeComponent = /* ... */;
export const UnusedComponent = /* ... */;

并将MoreComponents.js组件重新导出到中间文件中IntermediateComponent.js

// IntermediateComponent.js
export { SomeComponent as default } from "./MoreComponents.js";

现在，您可以使用如下所示的惰性函数导入模块，

import React, { lazy } from 'react';
const SomeComponent = lazy(() => import("./IntermediateComponent.js"));