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

Question

我有多个名为PageX，PageY，PageZ等的文件。

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

在我的index.js中，我想将这些SETUP导入到这样的数组中：

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

不，没有＆＃34;内联导入＆＃34;在ES6模块中。你可以使用你所提供的模块加载系统提供的任何类型的非声明性导入方法，或者你必须拼写出来：

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