javascript - 我如何导入这些 es6 导出的内容？它们是命名为导出还是默认？

Question

我正在查看 Material UI 项目中的这段代码，它似乎导出一系列 React 组件:

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';

如果我尝试这些，导入语句会是什么样子？他们导入模块并导出它们是否在同一行？为什么不直接使用导出默认对话框语法？

Answer 1

这基本上与导入然后命名导出相同。

这段代码:

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

大致相当于:

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

如果您想在文件中使用它，您可以使用命名导入，如下所示:

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