Javascript 如何在es6中使用module.exports.function？

我正在尝试将此代码转换为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();

我希望能够在不使用命名导出的情况下执行此操作

function needsAName () => {
  console.log("hello default");
}

function bar () {
  console.log("one functions");
}

export default {needsAName, bar}

要使用它：

import functions from './Container'

functions.needsAName()
functions.bar()

---

使用ES6，您可以使用

导出和导入

，而不是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;

---

你能详细说明一下“我想不出来”吗？你收到错误了吗？我的意思是我不知道怎么做。无论如何，Shubham Khatri已经回答了我的问题，谢谢。是的，我可以使用导入和导出，但我希望能够以这种方式执行，从“/foo”导入foo并运行foo（），foo.bar（）；一个演示你想要实现@ AustonBarboza，请让我知道，如果演示是什么，你WANDEMO是一个正是我想要的…谢谢你……考虑接受答案如果Helpdii尝试这个，它不工作我想要的方式，我想能够访问FoE（）和Fo.Bar（）没有命名的导出。@AustonBarboza我已经编辑了我的答案，所以你可以在没有命名的导入的情况下进行编辑。只能有一个默认导出，因此导出包含两个函数的对象