React：以下は何を意味するのですか？import register、* from from register from 'registerReducer'？

Question

以下は何を意味しますか：import register, * as fromRegister from './registerReducer'？

register and * as fromRegisterとは何ですか？

Answer 1

registerはデフォルトのエクスポートであるため、*のすべての内容をfromRegisterとしてインポートします。私はそれを打破してみましょう：

import register, * as fromRegister from './registerReducer' 

これは、ファイルから、ラベルである、export default ...で、現在のスコープの中に、デフォルトでエクスポートされた輸出registerをインポートして、fromRegisterなど*ですべてのコンテンツをインポートしregisterReducer.js 。 Mozilla Developer Networkで詳しく読むことができます。

Answer 2

import registerは、デフォルトのエクスポートであるregisterをインポートします。スクリプトの本文にregisterと直接電話することができます。

import * as fromRegisterのようにインポートすると、すべての名前付きエクスポートがインポートされます（既定のエクスポートは存在していなければなりません）。あなたには、いくつかのデフォルト以外の輸出（ただし、モジュール）をインポートしたい場合は、あなたが名前によってそれをインポートすることができます（例えば、import {helloWorld} from 'registerReducer';：registerReducerモジュールはhelloWorld()のような名前の関数を持っていると仮定すると、あなたはfromRegister.helloWorld()

ノートのようにそれを呼び出します）

Answer 3

register* as fromRegisterは、すべての名前付きエクスポートをプロパティとして公開するfromRegisterオブジェクトを作成します。