reactjs - 使用命名导入来响应延迟导入

Question

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

在我们可以使用之前

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

如何实现这样的事情(尽管这不起作用)？:

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

Answer 1

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

This RFC has a limited surface. It's targeted at the main use case we want to start handling (default imports). There is a door open for supporting named imports in future RFCs, but it is out of scope of this one. This one is intentionally very limited. We expect to understand this problem space more within the next several months and then we can revisit that discussion with a better understanding.reactjs/rfcs#64 (comment)