内联将默认导出导入到数组中

Question

我呼吁多个文件PageX,PageY,PageZ等.

每个都有一个export default SETUP { path:'blah_X', component:X }.

在我的index.js中,我想将这些SETUPs导入到这样的数组中:

const PAGE_SETUPS = [
   import './PageX',
   import './PageY',
   import './PageZ' 
];

const routes = PAGE_SETUPS.map(setup => createElement(Route, {path:setup.path, component:setup.component});

我遇到了各种各样的问题.是否可以将default导出的项目内联导入到这样的数组中？

Answer 1

不,ES6模块中没有"内联导入".您可以使用您转换为提供的模块加载系统的任何类型的非声明性导入方法,或者您必须拼写出来:

import PageX from './PageX',
import PageY from './PageY',
import PageZ from './PageZ' 
const PAGE_SETUPS = [PageX, PageY, PageZ];