使用命名导入执行React Lazy导入

Question

如何使用惰性语法导入命名导入？

在我们可以使用之前

import { MainComponent, Component1, Component2 } from './components';

如何实现这样的目标（虽然这不起作用）？：

const { MainComponent, Component1, Component2 } = React.lazy(() => import('./components'));

Answer 1

你可以单独导入它们 -

const ComponentName = React.lazy(() => import('./componentname'));