Come importare due classi con lo stesso nome in javascript/es6?

Question

Ho questi due istruzioni import nel file:

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

Entrambi i file contengono una classe denominata Data.

Come specificare quale è quale? Come posso evitare lo scontro sul nome?

Answer 1

Presumibilmente component/Data e actions/Data hanno entrambi default anziché esportazioni con nome? Come questo:

export default class Data {} 

Se questo è il caso, allora la importatore può chiamare le variabili ciò che vogliono:

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

Se prendono il nome esportazioni:

export class Data {} 

Poi si è necessario utilizzare le parentesi insieme a as per specificare i nomi di origine e di destinazione:

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

Answer 2

CURA: Come per ogni risposta RGraham, aggiornando la mia risposta:

Non potete importare in questo modo:

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

quindi utilizzarlo come si richiede:

D1.{} 
D2.{} 

fatto riferimento da: https://github.com/lukehoban/es6features/blob/master/README.md/#user-content-modules