Export Modules 匯出程式模組

在React中可以透過 Export 語法來匯出程式模組，讓其他的檔案可以讀取此模組。
例如:在App.js檔中定義變數或函式然後export匯出，重點 export default只能一個，export可以很多個，用大括號方式export {...} 中列出要匯出的內容。

Const  word1 = ’Hello World’;
Const  word2 = ’Welcome’;

Function firstName(){
Let firstName = ‘marry’
   return firstName;
}

Function lastName(){
   Let lastName = ‘Wang’
   return lastName ;
};

export default word1;
export {word2, firstName, lastName };

import Modules 匯入程式模組

在其他程式透過 import 語法來匯入程式模組，重點 import default只能一個，import可以很多個，用大括號方式export {...} 中列出要匯入的內容，注意匯入的名稱必須export元件名稱相同。

例如：在index.js檔中匯入，匯入模組的名稱必須與匯出模組的名稱相同。

Import React from “react”;
Import ReactDom  from “react-dom”;
Import word1, {word2, firstName, lastName } from “./App”;