проблема с экспортом излишка в реагировать родной

Question

Обычно я экспортирую компоненты следующим образом:

export {Login} ;

Затем импортирую их в файл index.js следующим образом:

export * from './login';

Затем импортирую их на каждый экран, который я хочу таким образом:

import {Login, Header, Footer} from './index.js'

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

export default connect(mapStateToProps, {emailChanged})({Login});

Но я получаю следующая ошибка

Как экспортировать Login компонент? (Имейте в виду, что мне нужно использовать файл index. js для экспорта моих компонентов, поэтому я не могу экспортировать их отдельно)

Answer 1

Если вы хотите указать c имя компонента. Вы можете создать const и передать его в экспорт.

   const LoginComponent = connect(mapStateToProps, {emailChanged})({Login});
   export { LoginComponent };