Question

我有下一种情况-我使用的是图书馆资料用户界面；并且不想每次都直接使用node_modules的方式来导入所需的组件'@material-ui/core/Tabs'。我决定使用proxy-file来导入所有组件，然后将它们导出以便使用，以更方便地使用import MU componentns import-来自'components/Button'的行导入按钮。我想从数组列表中使用灵活的导入。示例代码：

<code>
const materialComponents = [
  Button
];

materialComponents.forEach(item=>{
  import item from `@material-ui/core/${item}`
});


export default {
  ...materialComponents
}
</code>

所以...我对import item from @material-ui/core/${item}有疑问编译器说我需要使用字符串作为路由。

我该如何解决这个问题？

谢谢。

Answer 1

如果我正确地理解了您的目标，那么无需额外的文件就可以实现相同的目标。

要么：

import { Button, Card, Icon } from '@material-ui/core'

然后像往常一样使用组件，或使用'import as'语法将所有组件导入一个通用名称空间下，即：

import * as components from '@material-ui/core'

然后您可以通过调用<components.Button>等来使用导入的组件。

多次导入ES6

1 个答案: