これらのエクスポートはどのようにインポートしますか？それらは輸出と呼ばれるのかデフォルトですか？

Question

私はexportに反応コンポーネントのシリーズを思わ材質UIプロジェクトからこのコードを見ていた：

src/Dialog/index.js：

export { default } from './Dialog'; 
export { default as DialogActions } from './DialogActions'; 
export { default as DialogTitle } from './DialogTitle'; 
export { default as DialogContent } from './DialogContent'; 
export { default as DialogContentText } from './DialogContentText'; 
export { default as withResponsiveFullScreen } from './withResponsiveFullScreen'; 

私はこれらにしようとしていた場合はどうimport文は次のようになりますか？モジュールをインポートして同じ行にエクスポートしていますか？単にexport default Dialogという構文を使用しないのはなぜですか？

Answer 1

これは基本的にインポートと同じ名前付きエクスポートです。

このコード：

export { default as DialogActions } from './DialogActions'; 

はとほぼ同等です：

import DialogActions from './DialogActions'; 
export DialogActions; 

あなたのファイルでそれを使用したい場合は、そのような名前のインポートを使用することができます：

import { DialogActions } from './src/Dialog/index.js' 

Answer 2

はい、モジュールexportを使用してモジュールをインポートして再エクスポートすることができます。これはbの一部ですアベルstage-1プリセットとexport extensions

---

export default from './Dialog'と呼ばれているが見すぎて有効です。https://github.com/tc39/proposal-export-default-from#exporting-a-default-as-default