1.モジュールとは？

-ImportとExportを理解する前に、モジュールがファイルであることを理解する必要があります.
Script.1個js=1個モジュール
はい.
1つの

モジュールをエクスポートして、他のモジュールで使用するのはExportで、別のモジュールをインポートするのはImportです.

2. Export

-モジュールをエクスポートして他のモジュールで使用
-方法

1)モジュールから1つだけエクスポートする方法

	const person = ( ) => {
      	return (
          	<div> </div>
        )
    }
    
	 export default person;

2)モジュール内の複数の関数のエクスポート方法

	export function person(user) {
      console.log(`Hello, ${user}!`);
    }
	export function name(user) {
      console.log(`I'm, ${user}!`);
    }

3)Exportを再利用せずに一度に書き出す方法

	function person(user) {
      console.log(`Hello, ${user}!`);
    }

	function name(user) {
      console.log(`I'm, ${user}!`);
    }

	export {person, name};

3. Import

1) default export

a.default exportはこのモジュールの中で唯一のモジュールであるため、エクスポート時に指定する
名前を使わなくても別の名前を使うことができます.でも混乱を防ぐために
よく使う.

2) named export

a.namedexportはモジュールの1つであるため、エクスポート時に指定する
名前はそのまま使います.Importの名前を変更すると
エラーが発生しました.
b.{}を使用する必要があります.

4.Export、Importの例

1）基本

	import person from './person.js' //exported as default
	import {person, name} from './person.js' //export as named modules

2）名前の変更によるImportの命名

	import {person as me, name as family} from './person.js'

「as」を使用してexportの名前を変更します.

3)複数の名前付きエクスポートを一度にインポート

	import * as me from './person.js'

「*」を使用して、複数の名前付きexportを一度にインポートします.

4）出して使うとき

	me.person('Lee');
	me.name('Lee');

エクスポートされた各名前を使用します.