Невозможно экспортировать 2 компонента высшего порядка из одного файла JS в ReactJS

Question

У меня есть 2 компонента в файле, и я пытаюсь перегрузить их и экспортировать как HOC.

export default withStyles(styles)(Component1);

export withStyles(styles)(Component2); 

Но я получаю ошибку при втором экспорте. Однако, если я изменю это на:

export Component2OtherWay = withStyles(styles)(Component2);

Тогда все работает нормально. Может ли кто-нибудь объяснить это мне?

ура!

Answer 1

Ключевое слово default не имеет никакого отношения к нескольким экспортам.Это просто имя.Экспортируется под default именем.

Так что вам нужно другое имя для экспорта следующего компонента.

Answer 2

Поскольку второй экспорт является именованным, вам нужно дать ему имя, поэтому вы получаете сообщение об ошибке.

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

export const Component2OtherWay  = withStyles(styles)(Component2); 

Также можно импортировать именованный экспорт, например

import { Component2OtherWay } from 'path/to/Component';