ecmascript-6 - 如何在 javascript/es6 中导入两个同名的类？

Question

我的文件中有这两个导入语句:

import Data from 'component/Data.js';
import Data from 'actions/Data.js';

这两个文件都包含一个名为Data的类。

如何指定哪个是哪个？如何避免名称冲突？

Answer 1

大概component/Data和actions/Data都有默认导出而不是命名导出？像这样:

export default class Data {}

如果是这种情况，那么导入器可以随意调用变量:

import Data1 from 'component/Data.js';
import Data2 from 'actions/Data.js';

如果它们被命名为导出:

export class Data {}

然后您需要使用大括号和 as 来指定源名称和目标名称:

import { Data as Data1 } from 'component/Data.js';
import { Data as Data2 } from 'actions/Data.js';