首页 > 解决方案 > 通过文件链了解 ES6 中的导入/导出

问题描述

当我有 3 个文件时,我在理解导出/导入机制时遇到了一些麻烦,每个文件都包括前一个。

例子:

//fileA.js:
export default MyClass {}

//fileB.js:
import MyClass from './fileA.js';

//fileC.js:
import './fileB.js';

我的期望是它MyClass可以在 fileC 中使用,但看起来情况并非如此。你能建议吗?

标签: javascriptecmascript-6

解决方案


像下面这样:

//fileA.js:
export default MyClass {}

//fileB.js:
export { default as MyClass } from './fileA'

//fileC.js:
import { MyClass } from './fileB'

推荐阅读