Ad

Import Default With Alias

- 1 answer

I would like to import a default exported store with an alias using the syntax import XXX as A from YYY.

I know it works with this set up:

class XXX extends Reflux.Store{...}
export XXX;

//In another class you import:
import {XXX as ABC} from YYY;

That works great, but using that syntax with export default no longer works.

export default class XXX extends Reflux.Store{...}

//In another class you import:
import {XXX as ABC} from YYY;

But I know that if you export default you can't use {} syntax. Problem is that to use import as you need {}.

Any ideas?

Ad

Answer

All you need to do is import it with the name you want to use it with. There is no need to use the same name that was given to the module exported by default, you can use any name to import it

import ABC from 'YYY'; // syntax for default import

which is the short for

import  { default as ABC } from 'YYY'
Ad
source: stackoverflow.com
Ad