使用命名导入来反应惰性导入

Question

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

在我们可以使用之前

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

如何实现这样的功能（尽管这不起作用）？

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

Answer 1

React.lazy不支持当前命名的导入：

此RFC的表面有限。它针对我们要开始处理的主要用例（默认导入）。在将来的RFC中有一个为支持命名导入打开一扇门，但这不在此范围之内。这是故意限制的。我们希望在接下来的几个月中更多地了解此问题空间，然后我们可以重新了解该讨论，从而获得更好的理解。 reactjs/rfcs#64 (comment)