【JavaScript】クラスや定数のエクスポート

結論

デフォルトエクスポートの場合

// クラスの場合
export default クラス名;
// 定数の場合
export default 定数名;

• デフォルトエクスポートの場合エクスポートできるのは1つのみ。
• 受け取り側は違う名前でも問題ない。
  例

//　エクスポート側
export default　Dog；

//　インポート側
import Dog1 from './dog'; // DogでなくてもOK

名前付きエクスポートの場合

export {定数名}:

• 名前付きエクスポートの場合はカンマ区切りで複数エクスポート可能。

export {sample1, sample2,...};

• 受け取る側はエクスポートされた名前と同じ名前で受け取らなければいけない。

//　エクスポート側
export {pochi, koro}；

//　インポート側
import {pochi, koro} from './dog'; // エクスポート側と同じ名前でなければならない