how to export two modules in a single react js component?

Question

I want to export the following modules but I am unable to export.

I tried removing the default and have used const but unable to export, so I had to make another child component to export.

Here is what I tried:

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

Possible duplicate of Javascript (ES6), export const vs export default — Dan O
– Dan O, Commented Mar 3, 2019 at 11:20

mehamasum · Accepted Answer · 2019-03-03 09:28:00Z

2

You can not export more than one values as default.

In case of default exports:

you can export a single value
you can use any name when import

And for named exports

you can export multiple values
you must use the exported name when importing

So you could export one as default and one as named.

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

import DefaultComponent, {SecondComponent} from 'module';

Or you could export both as named:

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

import {FirstComponent, SecondComponent} from 'module';

Comments

Umair Farooq · Accepted Answer · 2019-03-03 09:22:02Z

0

You can use following:

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

One component can be named, other can be default export

answered Mar 3, 2019 at 9:22

Umair Farooq

1,8331 gold badge14 silver badges17 bronze badges

Collectives™ on Stack Overflow

how to export two modules in a single react js component?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related