Wie importiere ich zwei Klassen mit demselben Namen in Javascript/es6?

Question

Ich habe diese beiden Import-Anweisungen in der Datei:

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

Beide Dateien enthalten eine Klasse namens Data.

Wie kann ich angeben, welche ist welche? Wie kann ich Namenskonflikte vermeiden?

Answer 1

Vermutlich component/Data und actions/Data beide haben default exportiert eher als benannte Exporte? Wie folgt aus:

export default class Data {} 

Wenn das der Fall ist, dann wird der Importeur können die Variablen nennen, was sie wollen:

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

Wenn sie Exporte genannt:

export class Data {} 

Dann sind Sie müssen Klammern zusammen mit as verwenden, um die Quell- und Zielnamen anzugeben:

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

Answer 2

EDITED: Wie pro RGraham Antwort, die Aktualisierung meine Antwort:

Kannst du es nicht wie diese zu importieren:

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

dann verwenden, wie Sie benötigen:

D1.{} 
D2.{} 

verwiesen von: https://github.com/lukehoban/es6features/blob/master/README.md/#user-content-modules