Как экспортировать два модуля в один компонент реагировать JS?

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

Подробнее о экспорт и импорт

Answer 2

Вы можете использовать следующее:

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

Один компонент может быть назван, другой может быть экспорт по умолчанию