Именовал экспорт с редуксом?

Question

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

, например,

class Something extends Component { ... }

export default connect(mapStateToProps)(Something);

Было бы возможноиспользуйте именованный экспорт, например «Нечто», я не могу поместить экспорт в класс, хотя реакция продолжает работать - соединение не экспортируется, поэтому нет избыточного состояния

Есть идеи?

Заранее спасибо

Answer 1

Просто назначьте его const и экспортируйте, например, так:

class Something extends Component { ... }

export const ConnectedSomething = connect(mapStateToProps)(Something);

Затем вы можете импортировать его следующим образом:

import { ConnectedSomething } from './....'

Answer 2

Я предлагаю использовать [папку] /index.ts:

export { default as SomethingComponent } from './SomethingComponent.tsx';

[папка] /SomethingComponent.tsx:

class SomethingComponent {}

export default SomethingComponent;

AnyComponent.tsx:

import { SomethingComponent } from '[folder]';

Answer 3

Если я правильно понимаю, то вы можете экспортировать ваш компонент с подключением через «редукс» через именованный экспорт следующим образом:

/*
Declare component class, with class name differing from named export
*/
class SomethingComponent extends Component { ... };

/*
Export redux connected HOC to external modules, via named export "Something"
*/
export const Something = connect(mapStateToProps)(SomethingComponent);