我正在尝试将此代码转换为 es6 以便用于我的 React 项目,但我无法弄清楚(没有收到错误但无法实现我想做的事情)。
这是文件。
foo.js
module.exports = () => {
console.log("hello default");
}
module.exports.bar = () => {
console.log("one functions");
}
index.js
const foo = require("./foo");
foo();
foo.bar();
我希望能够在不使用 NAMED 导出的情况下执行此操作。
在 ES6 中,你可以使用 export 和 import
而不是 require 和 module.exports
export default () => {
console.log("hello default");
}
export const bar = () => {
console.log("one functions");
}
index.js
import foo, { bar} './foo';
foo();
bar();
编辑:为了复制完全相同的行为,您可以利用 Javascript 函数本质上是对象这一事实,您可以为它们分配更多属性
const foo = () => {
console.log("hello default");
};
foo.bar = () => {
console.log("one functions");
};
export default foo;
Working demo