名前付きエクスポートってなんだっけ？

[React Beginner]

名前付きexportとデフォルトexportの違いも教えてください

[Rookie Dev]

サンプルコード
エクスポート

// 名前付きエクスポート（複数可能）
export const add = (a, b) => a + b
export const subtract = (a, b) => a - b

// デフォルトエクスポート（1つだけ）
const multiply = (a, b) => a * b
export default multiply

インポート

// {}あり - 名前付きエクスポートをインポート
import { add, subtract } from './math.js'

// {}なし - デフォルトエクスポートをインポート
import multiply from './math.js'

いいね 134

[投稿者]

投稿