React ファイルのインポートエクスポート

ファイルのインポートエクスポート

Reactと書いてありますが、これはjavscriptの記法だった気がします

インポート

インポートする時にエクスポートの方法によって、異なるので注意が必要です。

exportはデフォルトをつける場合とつけない場合があります。 デフォルトをつけないと、インポートの書き方が異なってきます。

# エクスポート

## デフォルトなしエクスポート
export const hello = {}

import { hello } from './hello'  ## {}が必要ある

## デフォルトあり

const hello = {}

export default hello

import  hello  from './hello'   ## {}が必要ない

こちら地味によく使う部分なのでしっかりと覚えて置きたい部分