Comment importer des deux classes du même nom en javascript/es6?

J'ai ces deux déclarations d'importation de fichier:

import Data from 'component/Data.js';
import Data from 'actions/Data.js';

Les deux fichiers contiennent une classe nommée Data.

Comment puis-je préciser qui est qui? Comment puis-je éviter de conflit de nom?

Vous pouvez sélectionner en fonction de leur classe parent comme un identificateur
Pouvez-vous fournir un exemple de code dans une réponse?

OriginalL'auteur Anthony Kong | 2016-01-11

  1. 61

    Sans doute component/Data et actions/Data les deux ont par défaut les exportations plutôt que nommé exportations? Comme ceci:

    export default class Data {}

    Si c'est le cas, alors la importateur pouvez appeler les variables de ce qu'ils veulent:

    import Data1 from 'component/Data.js';
import Data2 from 'actions/Data.js';

    S'ils sont nommés à l'exportation:

    export class Data {}

    Ensuite, vous devez utiliser des accolades avec as pour spécifier la source et cible les noms:

    import { Data as Data1 } from 'component/Data.js';
import { Data as Data2 } from 'actions/Data.js';
    exactement ce que je cherchais, j'ai essayé import { Data } as Data2 from 'actions/Data.js'; qui ne fonctionne pas et est venu ici et a réalisé mon erreur.

    OriginalL'auteur CodingIntrigue

  2. 2

    ÉDITÉ: par RGraham réponse, la mise à jour de ma réponse:

    Ne pouvez-vous pas l'importer comme ceci:

    import {Data as D1} from 'component/Data.js';
import {Data as D2} from 'actions/Data.js';

    Puis l'utiliser comme vous le désirez:

    D1.{}
D2.{}

    référencé à partir de: https://github.com/lukehoban/es6features/blob/master/README.md/#user-content-modules

    Le mot-clé as jette un Unexpected token exception

    OriginalL'auteur Savaratkar