How to re-export another module's default export? [duplicate]

Question

I want to export some module like below way but always failed..

foo.js

const foo = {
  a: 'b'
};
export default foo;

index.js

export foo from './foo';  // encounter error here
export * from './foo';    // it works..

I don't know why can't I use the first method to export module from foo.js, in my opinion, I can export anything like func, class, variables etc..

Answer 1

To export a default export of one module as a named export of another you must do:

// index.js
export { default as foo } from './foo';

You can now import foo as a named export elsewhere:

// another.js
import { foo } from './index'