我试图理解命名和默认导出。我有一个看似基本的要求,但我不明白如何设置。
我希望能够导入两者:
//app.js
import Mod from './my-module'
import { funcA, funcB } from './my-module'
console.log('A', Mod.funcA(), funcA()); // A a a
console.log('B', Mod.funcB(), funcB()); // A a a
当我尝试时,我得到的最接近的方法如下:
//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };
export default {funcA, funcB}
我的问题是我不想在默认导出中重新索引每个函数。我只想定义我的函数,然后确保它们被导出,这样我就可以以任何一种方式使用它们。
建议?或者我必须使用import * as Mod from './my-module';
?
您可以省略默认导出并使用 import as 语法:
//app.js
import * as Mod from './my-module'
import { funcA, funcB } from './my-module'
console.log('A', Mod.funcA(), funcA()); // A a a
console.log('B', Mod.funcB(), funcB()); // B b b
//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)