[學習筆記] export, import, export default的差別

export 輸出、import 載入

💬 顧名思義的英文

export 輸出變量的方法

範例一：
export const firstName = “Yu”;
export const lastName = “Bonnie”;
export const year = 1989;

範例二：
const firstName = “Yu”;
const lastName = ”Bonnie”;
const year = ”1989”;
export {firstName, lastName, year};

範例三：
export default class Name extends Component { … }

對照一下

範例一、範例二載入：
import { firstName, lastName, year } from ‘ modules’;

範三載入：
import Name from ‘ modules’;

export方式不同會影響 import 時🈶🈚花括號
* 心得筆記，若有錯誤請不吝嗇告知 😜