混乱es6インポート - >エクスポートステートメント

Question

これは有効なjavascriptですか？それはエラーではなく、動作するように見えます。

export {default as Chooser} from "./chooser"; 

私の解釈は次のとおりです。

1. importdefault結果export
"./chooser"から＃1 as Chooser

から何が起こっているのか、このですか？

Answer 1

これは有効なJavaScriptですか？

はい。

これは何が起こっているのですか？

はい。

Answer 2

あなたの解釈は正しいです。

importdefaultこれが正しい

"./chooser"から。エクスポートされるデフォルトの事は Chooserと輸入上にある、あなた as ...でそれに与えられた名前を使用する必要があります。これもある＃1から Chooser

として

import { Chooser } from "./chooser"; 

export結果を正しい。 Chooserという名前は、デフォルトで新しい名前を付けてエクスポートしています。

---

は私がこれを打破してみましょう：これは何

export { 
    default as Chooser 
} from "./chooser"; 

は、それがエクスポートされたファイルを指定し、default as Chooserは名前Chooserの下で、デフォルトをエクスポートします。さて、インポート時に：

import { Chooser } from "./chooser"; 

あなたは、基本的にデフォルト命名しましたので、インポートするChooserを指定する必要があります。