Question

我要导出以下模块，但无法导出。

我尝试删除默认值，并且使用了const但无法导出，因此我不得不制作另一个子组件来导出。

这是我尝试过的：

export default  withStyles(styles, { withTheme: true })(app);
export default DragDropContext(HTML5Backend)(app);

Answer 1

默认情况下，您不能导出多个值。

如果是默认导出：

您可以导出单个值
导入时可以使用任何名称

对于命名出口

您可以导出多个值
您在导入时必须使用导出的名称

因此，您可以导出一个默认名称和一个命名名称。

export default withStyles(styles, { withTheme: true })(app);
export const SecondComponent = DragDropContext(HTML5Backend)(app);

import DefaultComponent, {SecondComponent} from 'module';

或者您也可以将两者导出为已命名：

export const FirstComponent = withStyles(styles, { withTheme: true })(app);
export const SecondComponent = DragDropContext(HTML5Backend)(app);

import {FirstComponent, SecondComponent} from 'module';

详细了解export和import

Answer 2

您可以使用以下内容：

export default withStyles(styles, { withTheme: true })(app);
export const AnotherComponent = DragDropContext(HTML5Backend)(app);

一个组件可以命名，其他可以默认导出

如何在单个react js组件中导出两个模块？

2 个答案: